xmlhttp相关知识
-
前端开发需要了解的异步请求方式异步请求 背景: 异步请求,为了优化用户体验,而诞生。 ajax var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.
-
js创建ajax简单代码,解析XMLvar xmlHttp; if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } xmlHttp.onreadystatechange=function(){ var result; if(xmlHttp.readyState===4){ if(xmlHttp.status===200){ document.title=xmlHttp.responseXML.getElementsByTagName("response")[0].childNodes[0].nodeValue; } } } xmlHttp.open("get","response.xml"); xmlHttp.send(null); <?xml version="1.0"
-
十七章 AJAX学习笔记(一)PHP实例一、 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=functio
-
前后端交互---如何发起ajax在低版本的IE7及以下的浏览器使用ActiveXObject构造Ajax对象时需要传入一个String类型的Microsoft.XMLHTTP。 //for IE7- var xmlHttp1 = new ActiveXObject("Microsoft.XMLHTTP"); var xmlHttp2 = new ActiveXObject("Msxml2.XMLHTTP"); var xmlHttp3 = new ActiveXObject("Msxml3.XMLHTTP"); 在标准的浏览器中使用XMLHttpRequest对象 //for IE8+ ,Firefox,chrome,Opera ,Safari var xmlHttp = new XMLHttpRequest( ); 为了兼容低版本的浏览器为此需要做一个判断
xmlhttp相关课程
xmlhttp相关教程
- 1. 构造 xhr 对象 首先,我们需要构造一个 xhr 对象。具体方法就是通过 new 来实例化一个 XMLHttpRequest 实例。const xhr = new XMLHttpRequest();问题来了,我们知道早期浏览器如 IE5、IE6 并没有直接支持 XMLHttpRequest,如果我们直接使用 XMLHttpRequest 构造函数,很大可能在早期浏览器我们会得到一个未定义的报错。因此,我们需要通过一定兼容性的写法来解决这个问题。var xhr;if (window.XMLHttpRequest) { // 如果存在 XMLHttpRequest,就直接使用 XMLHttpRequest xhr = new XMLHttpRequest();} else if (window.ActiveXObject) { // IE // 如果不存在 XMLHttpRequest,但存在 ActiveXObject,则考虑 ActiveXObject 的情况 // XMLHttp 版本 var versions = [ "Msxml2.XMLHttp.5.0", "Msxml2.XMLHttp.4.0", "Msxml2.XMLHttp.3.0", "Msxml2.XMLHttp", "Microsoft.XMLHttp" ]; // 通过 for 循环尝试生成某个 XMLHttp 版本的 ActiveXObject 实例 // try...catch.. 捕获并消化掉 ActiveXObject 实例化失败的错误 try { for (var i = 0; i < versions.length; i++) { xhr = new ActiveXObject(versions[i]); break; } } catch (error) {}}if (!xhr) { alert("当前环境不支持初始化Ajax对象");}ActiveXObject 属于微软的私有拓展对象,只有在 IE 上才会有支持。该对象只能用于实例化自动化对象。 在我们上面的代码实现中,实例化一个 ActiveXObject 我们会传入参数 Msxml2.XMLHTTP 或者 Microsoft.XMLHTTP 等,该参数代表着提供对象的应用程序的名称。其中,Msxml2.XMLHttp.5.0、Msxml2.XMLHttp.4.0、Msxml2.XMLHttp.3.0、Msxml2.XMLHttp 和 Microsoft.XMLHttp分别代表着 XMLHttp 的高低版本。我们通过 for 循环,在采用正常有效版本的时候跳出循环。同时,使用 try…catch… 来捕获消化不支持情况下的报错。当然,我们也可以包装我们的 xhr 对象,比如,我们可以通过执行匿名函数:var xhr = (function() { var hr; // 定义一个局部 xhr 对象, 这里命名 hr if (window.XMLHttpRequest) { hr = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE var versions = [ "Msxml2.XMLHttp.5.0", "Msxml2.XMLHttp.4.0", "Msxml2.XMLHttp.3.0", "Msxml2.XMLHttp", "Microsoft.XMLHttp" ]; try { for (var i = 0; i < versions.length; i++) { hr = new ActiveXObject(versions[i]); break; } } catch (error) {} } return hr; // 返回我们最后的 xhr 对象,如果宿主环境不提供 XMLHttpRequest 及 ActiveXObject, 返回 undefined})();
- 1. XMLHttpRequest 的由来 首先倒推到 1999 年间,这一年,Microsoft 在 Internet Explorer 5.0 中首次使用了一个技术。通过这个技术,浏览器页面可以不用通过页面重载或者表单提交,就可以将信息发送到服务器,完成信息的交互。这个技术就是 ActiveX 对象,即 XMLHTTP。这个技术发布之后,得到了业界的一致欢迎。直到 2000 年的时候,基本成为了一种标准。同时,Mozilla 、Opera 等也相继实现了一种具有相同接口的原生对象,即我们现在所看到的 XMLHttpRequest 。后来,XMLHttpRequest 也成为了这个技术的名称。
- 24 Ruby 的 Math 类 专为面向对象编程所设计的 Ruby 语言
- MyBatis update 一款优秀的持久层框架
- 10 Nginx 的 Http 模块介绍(上) Nginx 从入门到精通
- 2 Hadoop的安装方式 从0基础到笑傲大数据的成长必备秘笈
xmlhttp相关搜索
-
xcode 教程
xhtml
xml
xml 编辑器
xmlhttp
xmlhttprequest
xml编辑器
xml格式
xml教程
xml是什么
xml文件
xquery
xsd
析构函数
系统工程师
系统架构
系统命令
下拉菜单样式
小程序开发教程
性能测试