原始XMLHttpRequest方法详细的情况回想

作者: 计算机网络  发布:2019-09-12

用贰个第一名的报到验证的例子来演示吧

相似的话,使用XMLHttpRequest对象来进展登入验证要经过以下那多少个步骤

1.用到DOM方式获取输入框中的值         

复制代码 代码如下:

var userName = document.getElementById("userName").value;

2.开立XMLHttpRequest对象,这一步相比复杂,主因是要思考浏览器的包容性难题。      

复制代码 代码如下:

if (window.XMLHttpRequest) {
        //针对FireFox,Mozillar,Opera,Safari,IE7,IE8
        xmlhttp = new XMLHttpRequest();
        //针对有个别特定版本的mozillar浏览器的BUG进行校勘
        if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {
         //针对IE6,IE5.5,IE5
        //多个能够用于创立XMLHTTPRequest对象的控件名称,保存在二个js的数组中
        //排在前方的版本较新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //抽取一个控件名张开创办,假若创形成功就停下循环
                //假设成立败北,回抛出十二分,然后能够延续循环,继续品尝创造
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){
            }
        }
    }

3.注册XMLHttpRequest对象的回调函数,注册回调函数时,之须要函数名,不要加括号。    

复制代码 代码如下:

//注册回调函数时,之需求函数名,不要加括号
    //大家要求将函数名注册,要是加上括号,就能够把函数的重回值注册上,那是百无一用的
    xmlhttp.onreadystatechange = callback;

4.设置( GET )连接消息     

复制代码 代码如下:

//第2个参数表示http的央浼形式,援救具备http的须要形式,首要使用get和post
//第叁个参数表示央求的url地址,get格局呼吁的参数也在url中
//第五个参数表示采取异步依旧一只方式相互,true表示异步
xmlhttp.open("GET","AJAXServer?name="+ userName,true);

5.出殡和埋葬伏乞 

复制代码 代码如下:

xmlhttp.send(null);

6.(POST)形式,要求团结安装http的呼吁头,何况鉴于要扩充编码,所以无法直接在XH君越.open的第3个参数大校数据发过去,而应当用send()方法将数据传送过去

复制代码 代码如下:

//POST格局央浼的代码
//xmlhttp.open("POST","AJAXServer",true);
//POST格局必要和谐设置http的呼吁头
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//POST格局发送数据
xmlhttp.send("name=" + userName);

回调函数:

复制代码 代码如下:

//回调函数
function callback() {
    //alert(xmlhttp.readyState);
    //5。接收响应数据
    //判别指标的景况是相互达成
    if (xmlhttp.readyState == 4) {
        //决断http的互相是还是不是成功
        if (xmlhttp.status == 200) {
            //获取服务漆器端再次回到的多少
            //获取服务器段输出的纯文本数据
            var responseText = xmlhttp.responseText;
            //将数据展现在页面上
            //通过dom的章程找到div标签所对应的要秋日点
            var divNode = document.getElementById("result");
            //设置成分节点中的html内容
            divNode.innerHTML = responseText;
        } else {
            alert("出错了!!!");
        }
    }
}

你恐怕感兴趣的篇章:

  • XMLHttpRequest管理xml格式的归来数据(示例代码)
  • AJAX在不一样浏览器中XMLHttpRequest对象的成形示例
  • AJAX(XMLHttpRequest.status)状态码
  • 浅析XMLHttpRequest的缓存难题

本文由今晚开什么码发布于计算机网络,转载请注明出处:原始XMLHttpRequest方法详细的情况回想

关键词:

上一篇:CSS完成感应鼠标渐变展现DIV层的章程
下一篇:没有了