首页 > Web开发 > 详细

Ajax原生四大步骤

时间:2019-03-02 13:10:30      阅读:163      评论:0      收藏:0      [点我收藏+]

1、首先创建一个js文件夹名为common.js、创建一个createXhr()的函数、在此方法中创建异步对象XMLHttpRequest,后面使用的时候直接引入common.js文件,然后进行调用就行了。 

function createXhr(){
  var xhr=null;
  if(window.XMLHttpRequest){//判断浏览器是否支持标准创建
    xhr=new XMLHttpRequest();//如果支持返回一个xhr对象
  }else{
      //如果不支持标准创建,返回一个ie8以下的异步对象
      xhr=new ActiveXObject(‘Microsoft.XMLHttp‘)
  }        
  return xhr;
}

2、绑定监听事件

xhr.onreadystatechange=function(){
    if(xhr.readyState==4&&xhr.Status==200){
        var result=xhr.responseText;
    }
}

3、创建请求,打开链接

xhr.open(get,url,true);//设置请求方式和请求路径
//post方式要设置请求头
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded")

4、发送请求

xhr.send(body);

 

createXhr

Ajax原生四大步骤

原文:https://www.cnblogs.com/xiaoqi2018/p/10460491.html

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