Ajax请求步骤,原生js代码

来源:互联网 发布:欧盟一般数据保护条例 编辑:程序博客网 时间:2024/05/22 02:17
<script type="text/javascript">
window.onload=function(){
//1.获取a节点,并为其添加onclick响应函数
document.getElementsByTagName("a")[0].onclick=function(){
//2创建一个XMLHttpRequest对象
var request=new XMLHttpRequest();
//3准备发送请求的url
var url=this.href;
var method="GET";
//4.调用XMLHttpRequest对象的open方法
request.open(method,url);
//6.调用XMLHttpRequest对象的send方法
request.send(null);
request.onreadystatechange=function(){
//7.判断响应是否完成:XMLHttpRequest对象的readyState属性为4的时候
if (request.readyState == 4) {
//8.再判断响应式是否可用:XMLHttpRequest对象status属性值为200
if (request.status==200||request.status==304) {
9.打印结果
alert(request.responseText);
}
}
}
return false;
}
}
</script>
1 0
原创粉丝点击