ajax的操作步骤
发布时间：2020-12-16 01:48:33 所属栏目：百科 来源：网络整理
导读：ajax发送异步请求（四步操作） 1. 第一步（得到XMLHttpRequest） * ajax其实只需要学习一个对象：XMLHttpRequest，如果掌握了它，就掌握了ajax！！！ * 得到XMLHttpRequest 大多数浏览器都支持：var xmlHttp = new XMLHttpRequest(); IE6.0：var xmlHttp = n
|
ajax发送异步请求（四步操作） 1. 第一步（得到XMLHttpRequest） * ajax其实只需要学习一个对象：XMLHttpRequest，如果掌握了它，就掌握了ajax！！！ * 得到XMLHttpRequest > 大多数浏览器都支持：var xmlHttp = new XMLHttpRequest(); > IE6.0：var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); > IE5.5以更早版本的IE：var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); * 编写创建XMLHttpRequest对象的函数 function createXMLHttpRequest() { try { return new XMLHttpRequest(); } catch(e) { try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { alert("是什么浏览器啊？"); throw e; } } } } 2. 第二步（打开与服务器的连接） * xmlHttp.open()：用来打开与服务器的连接，它需要三个参数： > 请求方式：可以是GET或POST > 请求的URL：指定服务器端资源，例如；/day23_1/AServlet > 请求是否为异步：如果为true表示发送异步请求，否则同步请求！ * xmlHttp.open("GET","/day23_1/AServlet",true); 3. 第三步（发送请求） * xmlHttp.send(null)：如果不给可能会造成部份浏览器无法发送！ > 参数：就是请求体内容！如果是GET请求，必须给出null。 4. 第四步（） * 在xmlHttp对象的一个事件上注册监听器：onreadystatechange * xmlHttp对象一共有5个状态： > 0状态：刚创建，还没有调用open()方法; > 1状态：请求开始：调用了open()方法，但还没有调用send()方法 > 2状态：调用完了send()方法了； > 3状态：服务器已经开始响应，但不表示响应结束了！ > 4状态：服务器响应结束！（通常我们只关心这个状态！！！） * 得到xmlHttp对象的状态： > var state = xmlHttp.readyState;//可能是0、1、2、3、4 * 得到服务器响应的状态码 > var status = xmlHttp.status;//例如为200、404、500 * 得到服务器响应的内容1 > var content = xmlHttp.responseText;//得到服务器的响应的文本格式的内容 > var content = xmlHttp.responseXML;//得到服务器的响应的xml响应的内容，它是Document对象了！ xmlHttp.onreadystatechange = function() {//xmlHttp的5种状态都会调用本方法 if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {//双重判断：判断是否为4状态，而且还要判断是否为200 // 获取服务器的响应内容 var text = xmlHttp.responseText; } }; （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |