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

ajax

时间:2018-04-09 11:11:45      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:xhr   res   AC   nbsp   function   set   返回   else   node   

  1.

//定义返回xhr的对象的函数
    function getXHR(){
        var xhr;
        //判读是否识别XMLHttpRequest属性
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest();
        }else{
            xhr = new ActiveXObject("Microsoft.XMLHttp");
        }
        return xhr;
    }

2.回调

//1.创建xhr对象
        var xhr = getXHR();
        //2.回调函数定义
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4&&xhr.status==200){
                var nameNode = document.getElementById("namespan");
                nameNode.innerHTML=xhr.responseText;
            }
        };

3.打开连接

//3.打开连接
        //第一个参数表示提交方式
        //第二个参数表示提交的url
        //第三个参数表示是否异步提交,true表示异步提交
        var name = document.getElementById("name").value;
//get xhr.open(
"GET","checkName.do?name="+name,true);
//post
xhr.open("POST","checkName.do",true);
xhr.setRequestHeader("content-type","application/x-www-form-url-urlencoded");

4.发送请求

//4.发送请求
        xhr.send();

 

ajax

标签:xhr   res   AC   nbsp   function   set   返回   else   node   

原文地址:https://www.cnblogs.com/gjack/p/8757273.html

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