`
pwp5566
  • 浏览: 61657 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ajax XMLHttpRequest 异步请求

    博客分类:
  • AJAX
阅读更多
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发送异步请求

    使用AJAX发送异步请求。。。。。。。 XMLHttpRequest对象详解 。。。。。

    Ajax异步请求响应.java

    (method 表示请求方式, url 请求路径, asynch 是否异步,对于 asynch 的值通常不会设置, 默认是true,表示异步发送请求) send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 ...

    JavaScript中完整的Ajax异步请求的理解和使用

    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 异步...

    原生JavaScript实现Ajax异步请求

    在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    掌握Ajax系列2:使用JavaScript和Ajax发出异步请求

    本文中,您将开始接触最基本和基础性的有关Ajax的全部对象和编程方法:XMLHttpRequest对象。该对象实际上仅仅是一个跨越所有Ajax应用程序的公共线程,您可能已经预料到,只有彻底理解该对象才能充分发挥编程的潜力。...

    原生JavaScrpit中异步请求Ajax实现方法

    在前端页面开发的过程中,经常使用到Ajax...JavaScript实现Ajax异步请求 简单的ajax请求实现 Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    XMLHttpRequest对象_Ajax异步请求重点(推荐)

    1.Ajax能够是实现异步传输,所依赖的就是JavaScript中的XMLHttpRequest 2.XMLHttpRequest对象是XMLHttp组件的对象,它是一个抽象对象,允许脚本从服务器获取返回的eXML数据或将数据发送到服务器端 3.XMLHttpRequest...

    ajax异步请求

    ajax异步请求 var xmlhttp; function loadHttpRequest(){ xmlhttp=null; if (window.XMLHttpRequest) {// code for all new browsers xmlhttp=new XMLHttpRequest(); }else if (window....

    Sy5_AjAx.rar

    3. 学会使用Ajax同步/异步请求文本数据(字符串); 4. 掌握XML的编写规范,能够编写XML文件; 5. 学会使用Ajax同步/异步请求XML数据。 6. 掌握JSON的编写规范,能够编写JSON文件; 7. 学会使用Ajax异步请求JSON数据...

    掌握Ajax,第2部分:使用JavaScript和Ajax发出异步请求

    有了Ajax和XMLHttpRequest对象,就可以使用不必让用户等待服务器响应的请求/响应模型了。本文中,BrettMcLaughlin介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例,建立和发送请求,并响应服务器。本系列的上...

    Java异步请求

    传统web交互模型,浏览器直接将请求发送给服务器,服务器回送响应,直接发给浏览器, Ajax交互模型,浏览器首先将请求 发送 Ajax引擎(以XMLHttpRequest为核心),AJax引擎再将请求发送给 服务器,服务器回送响应先...

    实验五 AJAX开发及JSP验证码

    Ajax异步的特点为:多个事件并行发生,事件互不影响,请求之后,不刷新整张页面,页面不动,只是刷新页面的局部。异步数据获取技术 XMLHttpRequest对象方法: open("请求方式GET/POST","页面地址",true):与...

    ajax中后台请求函数源代码

    附件中的代码把异步请求包装成为update函数,举例: update(myDivObj,"myUrl","Post Params"); 这样,服务器端的"MyUrl“的返回结果就会自动写到myDivObj中了。第三个参数使用Post方法传递的信息。

    ajax文档ajax文档

    AJAX 指异步 JavaScript 及 XML(Asynchronous ...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

    原生JS发送异步数据请求

    通过原生JS对异步请求进行简单的封装。 AJAX  AJAX是一种数据请求方式,不需要刷新整个页面就能够更新局部页面的数据。AJAX的技术核心是XMLHttpRequest对象,主要请求过程如下: 创建XMLHttpRequest对象(new) ...

    XMLHttpRequest

    dwr AJAX做异步请求使用代码,适合新手.

    ajax的工作原理以及异步请求的封装介绍

    Ajax原理: 客户端通过浏览器的内置对象XMLHttpRequest来发送异步请求,当服务器返回响应时,会调用先前注册的回调函数,在回调函数中可以使用javascript操作DOM来更新页面,异步请求不会阻塞客户端的操作,达到页面...

    Ajax简单的异步交互及Ajax原生编写

    一提到异步交互大家就会说ajax,仿佛ajax这个技术已经成为了异步交互的代名词.那下面将研究ajax的核心对象! 利用ajax实现异步交互无非4步: 1.创建ajax核心对象 2.与服务器建立连接 3.向服务器发送请求 4.接收...

Global site tag (gtag.js) - Google Analytics