ajax异步请求即XMLHttpRequest请求:
兼容firefox,mozillar,safari,opera,IE等主流浏览器
以get请求为例子:
var xmlHttp;
var bgArgument;
var responseFunction;
/**
* url:request path
* argName: argument name
* argName: argument value
*/
function httpRequest(url,argName,argValue){
if(window.XMLHttpRequest){
//support firfox, mozillar,safari,opera,IE7 later version
try{
xmlHttp = new XMLHttpRequest();
//mozillar bug
if(xmlHttp.overrideMimeType){
xmlHttp.overrideMimeType("text/xml");
}
}catch(e){
alert('do not support '+e);
}
}else if(window.ActiveXObject){
//support IE6 previous version
var activexName = ["Msxml2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0; i<activexName.length; i++){
try{
xmlHttp = new ActiveXObject(activexName[i]);
break;
}catch(e){
alert('do not support IE '+e);
}
}
}
if(!xmlHttp){
alert('create XMLHttpRequest failed');
return;
}
//regist callback function
xmlHttp.onreadystatechange = callback;
xmlHttp.open("GET",url+"?"+argName+"="+argValue,true);
xmlHttp.send(null);
}
//callback
function callback(){
//request server success
if(xmlHttp.readyState == 4){
//response success
if(xmlHttp.status == 200){
var result = xmlHttp.responseText;
//handler response result
}else{
alert("response failed");
}
}
}
分享到:
相关推荐
使用AJAX发送异步请求。。。。。。。 XMLHttpRequest对象详解 。。。。。
(method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...
Ajax异步请求的理解和使用1. Ajax 异步请求 说明2. Ajax 实现对象:XMLHttpRequest2.1 xhr 建立 Ajax 流程2.2 xhr 属性、句柄、方法3. Ajax 异步 GET/POST 请求3.1 Ajax GET 请求3.2 Ajax POST 请求 1. Ajax 异步...
在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax
本文中,您将开始接触最基本和基础性的有关Ajax的全部对象和编程方法:XMLHttpRequest对象。该对象实际上仅仅是一个跨越所有Ajax应用程序的公共线程,您可能已经预料到,只有彻底理解该对象才能充分发挥编程的潜力。...
在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax
1.Ajax能够是实现异步传输,所依赖的就是JavaScript中的XMLHttpRequest 2.XMLHttpRequest对象是XMLHttp组件的对象,它是一个抽象对象,允许脚本从服务器获取返回的eXML数据或将数据发送到服务器端 3.XMLHttpRequest...
ajax异步请求 var xmlhttp; function loadHttpRequest(){ xmlhttp=null; if (window.XMLHttpRequest) {// code for all new browsers xmlhttp=new XMLHttpRequest(); }else if (window....
3. 学会使用Ajax同步/异步请求文本数据(字符串); 4. 掌握XML的编写规范,能够编写XML文件; 5. 学会使用Ajax同步/异步请求XML数据。 6. 掌握JSON的编写规范,能够编写JSON文件; 7. 学会使用Ajax异步请求JSON数据...
有了Ajax和XMLHttpRequest对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,BrettMcLaughlin介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例,建立和发送请求,并响应服务器。本系列的上...
传统web交互模型,浏览器直接将请求发送给服务器,服务器回送响应,直接发给浏览器, Ajax交互模型,浏览器首先将请求 发送 Ajax引擎(以XMLHttpRequest为核心),AJax引擎再将请求发送给 服务器,服务器回送响应先...
Ajax异步的特点为:多个事件并行发生,事件互不影响,请求之后,不刷新整张页面,页面不动,只是刷新页面的局部。异步数据获取技术 XMLHttpRequest对象方法: open("请求方式GET/POST","页面地址",true):与...
附件中的代码把异步请求包装成为update函数,举例: update(myDivObj,"myUrl","Post Params"); 这样,服务器端的"MyUrl“的返回结果就会自动写到myDivObj中了。第三个参数使用Post方法传递的信息。
AJAX 指异步 JavaScript 及 XML(Asynchronous ...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。
通过原生JS对异步请求进行简单的封装。 AJAX AJAX是一种数据请求方式,不需要刷新整个页面就能够更新局部页面的数据。AJAX的技术核心是XMLHttpRequest对象,主要请求过程如下: 创建XMLHttpRequest对象(new) ...
dwr AJAX做异步请求使用代码,适合新手.
Ajax原理: 客户端通过浏览器的内置对象XMLHttpRequest来发送异步请求,当服务器返回响应时,会调用先前注册的回调函数,在回调函数中可以使用javascript操作DOM来更新页面,异步请求不会阻塞客户端的操作,达到页面...
一提到异步交互大家就会说ajax,仿佛ajax这个技术已经成为了异步交互的代名词.那下面将研究ajax的核心对象! 利用ajax实现异步交互无非4步: 1.创建ajax核心对象 2.与服务器建立连接 3.向服务器发送请求 4.接收...