Ajax核心XMLHttpRequest总结

ajax:即"asynchronous javascript and xml"（异步javascript和xml），一门综合性的技术：运用javascript对象xmlhttprequest进行异步数据交换；javascript操作dom实现动态效果；运用xhtml+css表达信息；xml和xslt操作数据。此篇文章重点介绍使用xmlhttprequest对象与服务器端进行异步数据交换。

    使用方法 
    xmlhttprequest五步使用法：

    1.创建对象；
    2.注册回调函数；
    3.使用open方法设置和服务器交互的基本信息；
    4.设置发送的数据，开始和服务器端交互；
    5.实现回调函数。

    由于每次应用xmlhttprequest对象时，都要进行五步操作，因此，可将该对象的使用封装为js文件中，传递部分参数使用其方法就可以完成相应功能，实现如下：

    //使用封装方法人员只提供http的请求，url地址，数据，成功和失败的回调的方法
    //1.定义xmlhttprequest对象的构造方法
    var myxmlhttprequest =function（）{
    var xmlhttprequest;
    if（window.xmlhttprequest）{
    //ie7,ie8,firefox,mozillar,safari,opera
    //alert（"ie7,ie8,firefox,mozillar,safari,opera"）；
    xmlhttprequest = new xmlhttprequest（）；
    //解决浏览器在服务器端响应由于没有text头的时候可能无法工作的问题
    if（xmlhttprequest.overridemimetype）{
    xmlhttprequest.overridemimetype（"text/xml"）；
    }
    }else if（window.activexobject）{
    //ie6,ie5.5,ie5
    alert（"ie6,ie5.5,ie5"）；
    var activexname =["msxml2.xmlhttp","microsoft.xmlhttp"];
    for （var n=0;n

扩展问题

    1.浏览器缓存
    2.中文乱码
    3.跨域访问

    对于问题1、问题3都可以通过更改url地址的方法得以解决。问题1可在url地址尾添加时间戳，问题3通过代理方式进行解决。只需在send（）中的第三步执行前添加相应判断即可：

    //解决缓存的转换：增加时间戳
    if（url.indexof（"?"） >= 0 ）{
    url = url + "&t=" + （new date（））。valueof（）；
    } else {
    url = url + "?t=" + （new date（））。valueof（）；
    }
    //解决跨域的问题
    if（url.indexof（"http://"） >= 0） {
    url.replace（"?","&"）；
    url = "proxy?url=" + url;
    }

    问题3对应代理服务端实现：

    /**
    * handles the http get method.
    *
    * @param request servlet request
    * @param response servlet response
    * @throws servletexception if a servlet-specific error occurs
    * @throws ioexception if an i/o error occurs
    */
    @override
    protected void doget（httpservletrequest request, httpservletresponse response）
    throws servletexception, ioexception {
    //获取参数，最后得到请求url地址类似于：url = http://192.168…/ajax/ajaxserver?aa=11&bb=22&cc=33
    stringbuilder url = new stringbuilder（）；
    url.append（request.getparameter（"url"））；
    //获取访问的跨域地址url = http://192.168…/ajax/ajaxserver
    enumeration enu = request.getparameternames（）；
    boolean flag = false;       //定义标志变量，表示是否为拼接的第一个参数
    while（enu.hasmoreelements（））{
    string paramname = （string） enu.nextelement（）；
    if（！paramname.equals（"url"））{
    string paramvalue = request.getparameter（paramname）；
    paramvalue = urlencoder.encode（paramvalue,"utf-8"）；
    if（！flag）{
    url.append（"?"）。append（paramname）。append（"="）。append（paramvalue）；
    flag = true;
    } else {
    url.append（"&"）。append（paramname）。append（"="）。append（paramvalue）；
    }
    }
    }
    response.setcontenttype（"text/html;charset=utf-8"）；
    printwriter out = response.getwriter（）；
    if（url != null && url.length（） > 0）{
    url connectionurl = new url（url.tostring（））；
    bufferedreader reader = new bufferedreader（new inputstreamreader（connectionurl.openstream（），"utf-8"））；

以上就是本文的全部内容了，希望大家能够喜欢。