• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    好用的AJAX类代码分享
    ajax.js
    -------------------------[ajax类]--------------------------
    复制代码 代码如下:

    function Ajax(recvType){
    var aj=new Object();
    aj.recvType=recvType ? recvType.toUpperCase() : 'HTML'; //向形参中传递的文件类型
    aj.targetUrl='';
    aj.sendString='';
    aj.resultHandle=null;
    /*创建XMLHttpRequest对象*/
    aj.createXMLHttpRequest=function(){
    var xmlHttp = false;
    if(window.XMLHttpRequest){ //在非IE中创建XMLHttpRequest对象
    xmlHttp = new XMLHttpRequest();
    }else if(window.ActiveXObject){
    try{
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //按新版IE创建
    }catch(error1){ //创建失败
    try{
    xmlHttp = new ActiveXobject("Microsoft.XMLHttp"); //按老版IE创建
    }catch(error2){ //创建失败
    xmlHttp = false;
    }
    }
    }
    return xmlHttp;
    }
    aj.XMLHttpRequest=aj.createXMLHttpRequest();
    /*处理服务器的响应*/
    aj.processHandle=function(){
    if(aj.XMLHttpRequest.readyState == 4){
    if(aj.XMLHttpRequest.status == 200){
    if(aj.recvType=="HTML")
    aj.resultHandle(aj.XMLHttpRequest.responseText);
    else if(aj.recvType=="XML")
    aj.resultHandle(aj.XMLHttpRequest.responseXML);
    }
    }
    }
    /*定义使用get方法传递的方法*/
    aj.get=function(targetUrl, resultHandle){
    aj.targetUrl=targetUrl;
    if(resultHandle!=null){
    aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
    aj.resultHandle=resultHandle;
    }
    if(window.XMLHttpRequest){
    aj.XMLHttpRequest.open("get", aj.targetUrl);
    aj.XMLHttpRequest.send(null);
    }else{
    aj.XMLHttpRequest.open("get", aj.targetUrl, true);
    aj.XMLHttpRequest.send();
    }
    }
    /*定义使用post方法传递的方法*/
    aj.post=function(targetUrl, sendString, resultHandle){
    aj.targetUrl=targetUrl;
    if(typeof(sendString)=="object"){
    var str="";
    for(var pro in sendString){
    str+=pro+"="+sendString[pro]+"";
    }
    aj.sendString=str.substr(0, str.length-1);
    }else{
    aj.sendString=sendString;
    }
    if(resultHandle!=null){
    aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
    aj.resultHandle=resultHandle;
    }
    aj.XMLHttpRequest.open("post", targetUrl);
    aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    aj.XMLHttpRequest.send(aj.sendString);
    }
    return aj;
    }

    -------------------------[使用方法]--------------------------
    useAjax.html
    复制代码 代码如下:

    script src="ajax.js">/script>
    script language="javascript" type="text/javascript">
    var ajax=Ajax();
    /*get使用方式*/
    ajax.get("server.php?name=zhangsanphone=778", function(data){
    alert(data); //data为从服务器端读取的数据
    });
    /*第一种post使用方式*/
    /* ajax.post("server.php", "name=ligangphone=222", function(data){
    alert(data);
    });
    */
    /*第二种post使用方式*/
    /* ajax.post("server.php", {name:"tom",phone:"456"},function(data){
    alert(data);
    });
    */
    /script>
    server.php
    ?php
    header("Content-type:text/html;charset=gb2312");
    $str = "姓名:{$_GET["name"]}\n电话:{$_GET["phone"]}";
    echo $str;
    ?>

    在浏览器中输入useAjax.html的地址,若出现

    则Ajax方法使用正确

    上一篇:防止ajax重复请求的方法(GET和POST)
    下一篇:看图理解 普通交互方式和Ajax交互方式区别
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    好用的AJAX类代码分享 好,用的,AJAX,类,代码,分享,