XMLHttpRequest
XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想,因为您能够:
在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据所有现代的浏览器都支持 XMLHttpRequest 对象。
如需学习更多有关 XMLHttpRequest 对象的知识,请学习我们的 XML DOM 教程。
创建 XMLHttpRequest 对象所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。
通过一行简单的 JavaScript 代码,我们就可以创建 XMLHttpRequest 对象。
创建 XMLHttpRequest 对象的语法:xmlhttp=new XMLHttpRequest();老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
xmlhttp=new ActiveXObject( Microsoft.XMLHTTP
提示:在下一章,我们将使用 XMLHttpRequest 对象从服务器取回 XML 信息。
script type="text/javascript"> var xmlhttp; function loadXMLDoc(url){ xmlhttp=null; if (window.XMLHttpRequest){// code for all new browsers xmlhttp=new XMLHttpRequest(); }else if (window.ActiveXObject){// code for IE5 and IE6 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); if (xmlhttp!=null){ xmlhttp.onreadystatechange=state_change; xmlhttp.open("GET",url,true); xmlhttp.send(null); }else{ alert("Your browser does not support XMLHTTP."); function state_change(){ if (xmlhttp.readyState==4){// 4 = "loaded" if (xmlhttp.status==200){ // 200 = OK // ...our code here... }else{ alert("Problem retrieving XML data"); /script>
亲自试一试
注释:onreadystatechange 是一个事件句柄。它的值 (state_Change) 是一个函数的名称,当 XMLHttpRequest 对象的状态发生改变时,会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时,我们才执行代码。
为什么使用 Async=true ?我们的实例在 open() 的第三个参数中使用了 true 。
该参数规定请求是否异步处理。
true 表示脚本会在 send() 方法之后继续执行,而不等待来自服务器的响应。
onreadystatechange 事件使代码复杂化了。但是这是在没有得到服务器响应的情况下,防止代码停止的最安全的方法。
通过把该参数设置为 false ,可以省去额外的 onreadystatechange 代码。如果在请求失败时是否执行其余的代码无关紧要,那么可以使用这个参数。
XMLHttpRequest 对象是 W3C 的标准吗?任何 W3C 推荐标准均未规定 XMLHttpRequest 对象。
不过,W3C DOM Level 3 的 Load and Save 规范包含了一些相似的功能性,但是还没有任何浏览器实现它们。
XML DOM 参考手册: XMLHttpRequest 对象
原创文章,作者:kepupublish,如若转载,请注明出处:https://blog.ytso.com/59672.html
FireFoxjavamicrosoftphp安全相关文章
- XMLHttpRequest has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ head
- 中国商标网用户登录error XMLHttpRequest报错解决方案
- JS XMLHttpRequest入门教程(非常详细)
- 一页面多XMLHttpRequest对象
- IE7提供XMLHttpRequest对象为兼容
- 建一个XMLHttpRequest对象池
- [js]轻便的XMLHttpRequest应用函数:downloadUrl()
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- javascript对XMLHttpRequest异步请求的面向对象封装
- XMLHTTPRequest的属性和方法简介
- php中XMLHttpRequest(Ajax)不能设置自定义的Referer的解决方法
- AJAX(XMLHttpRequest.status)状态码
- 浅析XMLHttpRequest的缓存问题
- 三种方式获取XMLHttpRequest对象