概述
post
var url= 'http://'; //接口地址
var ajax = new XMLHttpRequest();
// 第二步: 设置状态监听函数
ajax.onreadystatechange = function(){
//第五步:在监听函数中,判断readyState=4 && status=200表示请求成功
if(ajax.readyState==4 && ajax.status==200){
// 第六步: 使用responseText、responseXML接受响应数据,并使用原生JS操作DOM进行显示
console.log(ajax.responseText);
}
};
// 第三步: open一个链接
ajax.open("post",url,true);
var data = 'id=111&name=222'
// 第四步: send一个请求。 可以发送对象和字符串,不需要传递数据发送null
ajax.send(data);
GET
var url= 'http://'; //接口地址
var ajax = new XMLHttpRequest();
// 第二步: 设置状态监听函数
ajax.onreadystatechange = function(){
//第五步:在监听函数中,判断readyState=4 && status=200表示请求成功
if(ajax.readyState==4 && ajax.status==200){
// 第六步: 使用responseText、responseXML接受响应数据,并使用原生JS操作DOM进行显示
console.log(ajax.responseText);
}
};
// 第三步: open一个链接
ajax.open("GET",url,true);
// 第四步: send一个请求。 可以发送对象和字符串,不需要传递数据发送null
ajax.send(null);
最后
以上就是积极蜡烛为你收集整理的js ajax请求的全部内容,希望文章能够帮你解决js ajax请求所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复