AJAX學(xué)習(xí)

malakashi 發(fā)布于2019-08-19 18:09 / 2744人閱讀

摘要：一什么是異步和節(jié)省用戶操作時間，提高用戶體驗，減少數(shù)據(jù)請求傳輸獲取數(shù)據(jù)二的簡單交互流程提交打開瀏覽器創(chuàng)建一個對象在地址欄輸入地址提交等待服務(wù)器返回內(nèi)容三兼容辦法利用方法四方法參數(shù)打開方式地址是否異步表單數(shù)據(jù)的提交

一、什么是AJAX？

異步j(luò)avascript和xml

-------節(jié)省用戶操作時間，提高用戶體驗，減少數(shù)據(jù)請求
-------傳輸獲取數(shù)據(jù)

二、AJAX的簡單交互流程：

var btn1=document.getElementById("btn1")

btn1.onclick=function(){
    
    //打開瀏覽器   創(chuàng)建一個AJAX對象
    var xhr=new XMLHttpRequest()
    
    //在地址欄輸入地址
    
    xhr.open("get","1.txt.txt",true)

    //提交
    xhr.send()
    
    //等待服務(wù)器返回內(nèi)容
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            alert(xhr.responseText)
        }
    }
}

三、兼容IE6辦法

var xhr=null;

if(window.XMLHttpRequest){

   xhr=new XMLHttpRequest()

}else{

   xhr=new Activ

}

2.利用try catch方法

try{ xhr=new XMLHttpRequest();

}catch(e){
xhr=new ActiveXObject("Microsoft.XMLHTTP")
}

四、open方法

參數(shù)：1、打開方式 2、地址 3、是否異步

表單：數(shù)據(jù)的提交

action:數(shù)據(jù)提交的地址
method:數(shù)據(jù)提交的方式

1.get:把數(shù)據(jù)

GPU云服務(wù)器云服務(wù)器 ajax() ajax? ajax _AJAX

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/79242.html

相關(guān)文章

新手學(xué)習(xí)ajax

摘要：對于前端新手的我來說，學(xué)習(xí)的過程有點痛苦。因為之前的學(xué)習(xí)全是只與前端有關(guān)的像呀這些都還不涉及與后臺數(shù)據(jù)交互。然后學(xué)習(xí)看了很多書覺得還是有些懵。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。幫助新手理解是很不錯的。對于前端新手的我來說，學(xué)習(xí)ajax的過程有點痛苦。因為之前的學(xué)習(xí)全是只與前端有關(guān)的像css、js呀這些都還不涉及與后臺數(shù)據(jù)交互。前段時間用JS做了一個20...

idisfkj 2019-08-21 16:26 評論0 收藏0
Java基礎(chǔ)學(xué)習(xí)之AJAX技術(shù)簡單學(xué)習(xí)

摘要：是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個頁面的情況下。對象是的核心，所有現(xiàn)代瀏覽器均支持對象和使用。用于在后臺與服務(wù)器交換數(shù)據(jù)。及時有效地幫助學(xué)員解決疑難問題，提高學(xué)員的學(xué)習(xí)積極性。　　Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。　　AJAX...

番茄西紅柿 2021-11-26 11:11 評論0 收藏2637
Ajax學(xué)習(xí)筆記

摘要：最近在學(xué)，剛剛?cè)腴T，用到很多與相關(guān)的交互。也用了挺久的了，想寫一下學(xué)習(xí)筆記來記錄一下。實現(xiàn)過程是的基礎(chǔ)，是核心對象，首先要實例化一個對象進行請求，規(guī)定請求的類型以及是否異步處理請求。響應(yīng)服務(wù)器狀態(tài)響應(yīng)服務(wù)器狀態(tài)涉及對象的三個重要的屬性。最近在學(xué)php，剛剛?cè)腴T，用到很多與Ajax相關(guān)的交互。Ajax也用了挺久的了，想寫一下學(xué)習(xí)筆記來記錄一下。今天先簡單寫一下原理和過程。歡迎大家一起探...

Forest10 2019-08-23 14:01 評論0 收藏0
Ajax學(xué)習(xí)筆記

摘要：最近在學(xué)，剛剛?cè)腴T，用到很多與相關(guān)的交互。也用了挺久的了，想寫一下學(xué)習(xí)筆記來記錄一下。實現(xiàn)過程是的基礎(chǔ)，是核心對象，首先要實例化一個對象進行請求，規(guī)定請求的類型以及是否異步處理請求。響應(yīng)服務(wù)器狀態(tài)響應(yīng)服務(wù)器狀態(tài)涉及對象的三個重要的屬性。最近在學(xué)php，剛剛?cè)腴T，用到很多與Ajax相關(guān)的交互。Ajax也用了挺久的了，想寫一下學(xué)習(xí)筆記來記錄一下。今天先簡單寫一下原理和過程。歡迎大家一起探...

wing324 2019-08-02 12:14 評論0 收藏0
前端相關(guān)大雜燴

摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當你問起有關(guān)與時，老司機們首先就會告訴你其實是個沒有網(wǎng)絡(luò)請求功能的庫。前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評論0 收藏0
事件循環(huán)(EventLoop)的學(xué)習(xí)總結(jié)

摘要：事件循環(huán)當進程啟動時，會創(chuàng)建一個循環(huán)，每個循環(huán)通過內(nèi)部的觀察者來查看是否有事件需要處理，如果有就取出事件和它相關(guān)的回調(diào)函數(shù)去執(zhí)行，執(zhí)行完以后就進入下一個循環(huán)，如果不再有就退出進程。前言在學(xué)習(xí)eventloop之前，我們需要復(fù)習(xí)一下js的單線程和異步。雖說js是單線程的，但是在瀏覽器和Node中都做了相應(yīng)的處理。如瀏覽器中的web workers（工作線程），Node中的child_...

lentoo 2019-08-29 16:27 評論0 收藏0