首页 > Web开发 > 详细

ajax五步骤

时间:2021-04-28 22:20:42      阅读:43      评论:0      收藏:0      [点我收藏+]
ajax: Asynchronization JavaScript And Xml
 
 
1.创建异步请求对象
var 对象=new XMLHttpRequest();
 
2.调用open方法 传入请求方式和服务器地址等参数
 
3.调用send方法 真正发起网络请求
 
4.注册状态改变事件
 
5.在事件驱动函数里面处理返回数据
 
 
 
 
 
1.创建异步请求对象
var ajaxObj=new XMLHttpRequest();
2.调用open方法 传入请求方式和服务器地址等参数
ajaxObj.open("get","php/07.simple_ajax.php");
3.调用send方法 真正发起网络请求
ajaxObj.send();
 
4.注册状态改变事件
ajaxObj.onreadystatechange=function () {
5.在事件驱动函数里面处理返回数据
 
readyState表示 ajax请求的状态 每当这个状态改变时都会触
发 onreadyStatechange事件
只有等于4的时候 才有返回的数据
 
status表示响应码 为200时 表示 响应成功
404 表示资源未找到
 
 
通过ajax对象的responseText属性来接收返回的数据
 
 
 
 
if(ajaxObj.readyState==4 && ajaxObj.status==200){
 
h1.innerHTML=ajaxObj.responseText;
}
 

ajax五步骤

原文:https://www.cnblogs.com/MiyaFaityland/p/14715103.html

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