当前位置:主页 > 查看内容

Ajax核心技术代码分享

发布时间:2021-07-01 00:00| 位朋友查看

简介:复制代码 代码如下: script var xhr = ''; function Ajax() { if(window.XMLHttpRequest) { var xhr = new XMLHttpRequest;//现代浏览器 }else { var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE } } Ajax();//1.获取Ajax对象 xhr.onreadystatechang……

复制代码 代码如下:

<script>
    var xhr = '';
    function Ajax()
    {
        if(window.XMLHttpRequest)
        {
                var xhr = new XMLHttpRequest;//现代浏览器
        }else
        {
                var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
        }
    }
    Ajax();//1.获取Ajax对象

    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
            var data = xhr.responseText;//2.判断状态,接收数据(字符串形式),后续操作
        }
    }

    //xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
    //xhr.send([data]);//4.发送请求

    xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
    xhr.send();

    /*
    xhr.open('POST', 'demo.php', TRUE);
    xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('name=weichen&sex=0'); 
    */

XHR对象中的成员属性和成员方法

复制代码 代码如下:

{

成员属性:
      status           服务器响应的HTTP状态码(如200或404)
      statusText        服务器响应的以字符串形式返回的HTTP状态码(ok或not found)
      readyState        浏览器请求的状态码(0到4)
      responseText         服务器响应的字符串格式的数据结果
      responseXML      服务器响应的XML格式的数据结果
      onreadystatechange   Ajax的请求事件(当readystate改变时调用的事件处理函数)
      onerror          请求过程中发生错误时调用的Mozilla的事件处理函数
      onprogress        内容加载后调用的mozilla的事件处理函数
      onload           文档加载完毕后调用的mozilla的事件处理函数
成员方法:
      setRequestHeader();        设置当前请求的header头信息(为即将发送到服务器端的消息头增加一个键/值对)
      open();               建立一个新的请求连接(用GET、POST、URL等初始化XHR对象)
      send();               发送一个请求(可能需要发送的数据)
      getResponseHeader("server");   返回指定的HTTP头的值(如server或last-modified)
      getAllResponseHeaser();      返回由换行符分割开的所有HTTP头的字符串
      absort();              终止请求

}


原文链接:https://m.jb51.net/article/50275.htm
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
上一篇:AJAX中文乱码解决新方法分享 下一篇:没有了

推荐图文


随机推荐