ajax请求

1-创建XMLHttpRequest()

var xhr = null

xhr = XMLHttpRequest()

2-打开和服务器的链接

//url(接口)

var url = '服务器接口'

xhr.open('get' url)

3-发送请求

//发送

xhr.send(null)

4-回调函数

xhr.onload回调函数是在异步请求加载完成后执行的函数,当JavaScript监测到请求的数据前部传输完成后就会触发该函数

//指定回调函数,请求成功(回调)调用这个函数

xhr.onload=function(){

    if(xhr.status==200){

  //请求成功

  //console.log(xhr.responseText)

  console.log(obj)

     }

 

}

 

完整代码如下:

1.//发起ajax

创建XMLHttpRequest对象

var xhr = null;

if(window. ActiveXObject){

  xhr=new ActiveXObject('Microsoft.XMLHTTTP');

}else if(window.ActiveXMLHttpRequest){

  xhr = new XMLHttpRequest()

}

2.//打开链接  请求方式get

//url  (接口)

var url = '服务器接口'

xhr.open('get' url)

3.//发送

xhr.send(null);

4.//指定回调函数,请求成功(回调)调用这个函数 onload

xhr.onload = function(){

    if(xhr.status ==200){

  //请求成功

  //console.log(xhr.responseText)

  var  obj= JSON.parse(xhr.responseText)  //responseText(回调的函数)

  console.log(obj)

 }

 

 

}

 

posted @ 2019-05-31 08:50  骚男  阅读(147)  评论(0)    收藏  举报