AJAX类!可以自动更新DIV内容

本文介绍了一种使用JavaScript实现Ajax请求的方法,包括GET和POST方式,并提供了加载XML文件内容的示例。通过具体函数演示了如何设置请求头、发送数据及接收响应。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function InitAjax(){
    
var A=null;
    
try
    {
        A
=new ActiveXObject("Msxml2.XMLHTTP");
    }
    
catch(e)
    {
        
try
        {
            A
=new ActiveXObject("Microsoft.XMLHTTP");
        }
        
catch(oc)
        {
            
if (typeof XMLHttpRequest != "undefined" );
            {
                A
=new XMLHttpRequest();
            }
        }
    }
    
return A;
}
function LoadXmlHttpUrl(url,param,callback, data){
    url 
+= url.indexOf("?">= 0 ? "&" : "?";
    url 
+= "randomurl=" + Math.random();

    
if (typeof data == 'undefined'){
        
var data = null;
    }

    method 
= data ? 'POST' : 'GET';

    
if (window.XMLHttpRequest){
        
var objXMLHttpRequest = new XMLHttpRequest();
    }
else{
        
var MSXML = ['MSXML2.XMLHTTP.6.0''MSXML2.XMLHTTP.3.0''MSXML2.XMLHTTP.5.0''MSXML2.XMLHTTP.4.0''MSXML2.XMLHTTP''Microsoft.XMLHTTP'];
        
for(var n = 0; n < MSXML.length; n ++){
            
try
            {
                
var objXMLHttpRequest = new ActiveXObject(MSXML[n]);
                
break;
            }
catch(e){
            }
        }
    }

    
with(objXMLHttpRequest){
        
try
        {
            open(method, url, 
true);

            
if (method == 'POST'){
                setRequestHeader(
'Content-Type''application/x-www-form-urlencoded; charset=GBK');
            }

            send(data);
        }
        
catch(e){
            alert(e);
        }

        onreadystatechange 
= function(){
            
if (objXMLHttpRequest.readyState == 4)
            {
                callback(objXMLHttpRequest.responseText, objXMLHttpRequest.status,param);
                objXMLHttpRequest 
= null
                
delete(objXMLHttpRequest);
            }
        }
    }
}
function LoadHttpUrl(url,param,callback, data){
    url 
+= url.indexOf("?">= 0 ? "&" : "?";
    url 
+= "randomurl=" + Math.random();

    
if (typeof data == 'undefined'){
        
var data = null;
    }

    method 
= data ? 'POST' : 'GET';

    
if (window.XMLHttpRequest){
        
var objXMLHttpRequest = new XMLHttpRequest();
    }
else{
        
var MSXML = ['MSXML2.XMLHTTP.6.0''MSXML2.XMLHTTP.3.0''MSXML2.XMLHTTP.5.0''MSXML2.XMLHTTP.4.0''MSXML2.XMLHTTP''Microsoft.XMLHTTP'];
        
for(var n = 0; n < MSXML.length; n ++){
            
try
            {
                
var objXMLHttpRequest = new ActiveXObject(MSXML[n]);
                
break;
            }
catch(e){
            }
        }
    }

    
with(objXMLHttpRequest){
        
try
        {
            open(method, url, 
true);

            
if (method == 'POST'){
                setRequestHeader(
'Content-Type''application/x-www-form-urlencoded; charset=GBK');
            }

            send(data);
        }
        
catch(e){
            alert(e);
        }

        onreadystatechange 
= function(){
            
if (objXMLHttpRequest.readyState == 4 && objXMLHttpRequest.responseXML)
            {
                callback(objXMLHttpRequest.responseXML, objXMLHttpRequest.status,param);
                objXMLHttpRequest 
= null
                
delete(objXMLHttpRequest);
            }
        }
    }
}

 用法:取得文件内容

 LoadXmlHttpUrl(url,'',执行函数)

取得XML文件内容

 LoadHttpUrl(url,'',执行函数)

例:

function listdiv()

{

var checkok=function(data)

{

document.getElementById(listdivid).innerHTML=data;

//可以用data取得页面内容

//var splitstr=data.split('||;

}

LoadHttpUrl('ajax/csdnlist.php?id='+id,'',checkok);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值