本文摘自PHP中文网,作者Guanhui,侵删。
如何实现AJAX请求?
1、创建XMLHttpRequest实例;
1 2 3 4 5 | var xhr; if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();} else {
xhr = new ActiveXObject( "Microsoft.XMLHTTP" );}
|
2、监听readystatechange事件,并通过readyState属性来判断请求状态;
1 2 3 4 | xhr.onreadystatechange = function () {
if (xhr.readyState==4 && xhr.status==200) {
console.log(xhr.responseText);
}}
|
3、调用open()方法指定请求类型和地址;
1 | xhr.open( "GET" , "xhr_info.txt" );
|
4、调用send()方法发送请求即可。
完整代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | var xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject( "Microsoft.XMLHTTP" );
}
xhr.onreadystatechange = function () {
if (xhr.readyState==4 && xhr.status==200) {
console.log(xhr.responseText);
}
}
xhr.open( "GET" , "xhr_info.txt" , true );
xhr.send( null );
|
推荐教程:《JS教程》
以上就是如何实现AJAX请求?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
5种正确处理js的this指向的方式
原生js和js的区别是什么
js如何实现原生map
js获取dom元素的方式总结
js中常用的输出方式有哪些
js中如何进行字符串替换
利用html+css+js实现简单的点赞效果
javascript如何替换字符串
浅谈js中的bind()
html css js是干什么的
更多相关阅读请进入《ajax》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何实现AJAX请求?