首页 > Web开发 > 详细

ajax

时间:2018-04-09 10:28:17      阅读:189      评论:0      收藏:0      [点我收藏+]

  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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!