码迷,mamicode.com
首页 > Web开发 > 详细

ajax基础

时间:2017-07-25 22:32:00      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:...   pen   发送   status   stat   function   end   xmlhttp   变化   

  function ajax(url, fn) {
       //创建对象
       // IE早期版本是new ActiveXObject() 高级版本已不支持
        var xhr = new XMLHttpRequest();
        
        
        //打开链接 
        xhr.open(‘GET‘, url, true);
        //发送请求
        xhr.send(null);

        xhr.onreadystatechange = function () {// 状态发生变化时,函数被回调
            // 监听readystate
           if (xhr.readyState === 4) {
                
                if (xhr.status === 200) {
                    // 成功,通过responseText拿到响应的文本:
                     console.log(xhr.responseText);
                } else {
                    // 失败,根据响应码判断失败原因:
                    console.log(xhr.status);
                }
           }else {
                // HTTP请求还在继续...
            }
        }
    }                                

ajax基于XMLHttpRequest

关键方法:

XMLHttpRequest
open
send
readystatechange

关键属性指令:

readyState
status
responseText(还有responseXML )

ajax基础

标签:...   pen   发送   status   stat   function   end   xmlhttp   变化   

原文地址:http://www.cnblogs.com/zyjzz/p/7236458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!