這篇文章主要講解了“如何理解Ajax核心XMLHttpRequest”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何理解Ajax核心XMLHttpRequest”吧！

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站與策劃設(shè)計(jì),蘭坪網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:蘭坪等地區(qū)。蘭坪做網(wǎng)站價(jià)格咨詢:18982081108

    使用方法
    XMLHttpRequest五步使用法：

復(fù)制代碼 代碼如下:

    1.創(chuàng)建對(duì)象；
    2.注冊(cè)回調(diào)函數(shù)；
    3.使用open方法設(shè)置和服務(wù)器交互的基本信息；
    4.設(shè)置發(fā)送的數(shù)據(jù)，開始和服務(wù)器端交互；
    5.實(shí)現(xiàn)回調(diào)函數(shù)。

    由于每次應(yīng)用XMLHttpRequest對(duì)象時(shí)，都要進(jìn)行五步操作，因此，可將該對(duì)象的使用封裝為js文件中，傳遞部分參數(shù)使用其方法就可以完成相應(yīng)功能，實(shí)現(xiàn)如下：

復(fù)制代碼 代碼如下:

    //使用封裝方法人員只提供http的請(qǐng)求，url地址，數(shù)據(jù)，成功和失敗的回調(diào)的方法
    //1.定義XMLHttpRequest對(duì)象的構(gòu)造方法
    var MyXMLHttpRequest =function（）{
    var xmlhttprequest;
    if（window.XMLHttpRequest）{
    //IE7,IE8,FireFox,Mozillar,Safari,Opera
    //alert（"IE7,IE8,FireFox,Mozillar,Safari,Opera"）；
    xmlhttprequest = new XMLHttpRequest（）；
    //解決瀏覽器在服務(wù)器端響應(yīng)由于沒有Text頭的時(shí)候可能無(wú)法工作的問(wèn)題
    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

擴(kuò)展問(wèn)題

    1.瀏覽器緩存
    2.中文亂碼
    3.跨域訪問(wèn)

    對(duì)于問(wèn)題1、問(wèn)題3都可以通過(guò)更改url地址的方法得以解決。問(wèn)題1可在url地址尾添加時(shí)間戳，問(wèn)題3通過(guò)代理方式進(jìn)行解決。只需在send（）中的第三步執(zhí)行前添加相應(yīng)判斷即可：

復(fù)制代碼 代碼如下:

    //解決緩存的轉(zhuǎn)換：增加時(shí)間戳
    if（url.indexOf（"?"） >= 0 ）{
    url = url + "&t=" + （new Date（））。valueOf（）；
    } else {
    url = url + "?t=" + （new Date（））。valueOf（）；
    }
    //解決跨域的問(wèn)題
    if（url.indexOf（"http://"） >= 0） {
    url.replace（"?","&"）；
    url = "Proxy?url=" + url;
    }

    問(wèn)題3對(duì)應(yīng)代理服務(wù)端實(shí)現(xiàn)：

復(fù)制代碼 代碼如下:

    /**
    * 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 {
    //獲取參數(shù)，最后得到請(qǐng)求url地址類似于：url = http://192.168…/AJAX/AJAXServer?aa=11&bb=22&cc=33
    StringBuilder url = new StringBuilder（）；
    url.append（request.getParameter（"url"））；
    //獲取訪問(wèn)的跨域地址url = http://192.168…/AJAX/AJAXServer
    Enumeration enu = request.getParameterNames（）；
    boolean flag = false;       //定義標(biāo)志變量，表示是否為拼接的第一個(gè)參數(shù)
    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"））；

感謝各位的閱讀，以上就是“如何理解Ajax核心XMLHttpRequest”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何理解Ajax核心XMLHttpRequest這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

網(wǎng)頁(yè)名稱：如何理解Ajax核心XMLHttpRequest
分享URL：http://chinadenli.net/article46/ihjihg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、搜索引擎優(yōu)化、ChatGPT、關(guān)鍵詞優(yōu)化、外貿(mào)建站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)