摘要:一什么是異步和節(jié)省用戶操作時(shí)間,提高用戶體驗(yàn),減少數(shù)據(jù)請(qǐng)求傳輸獲取數(shù)據(jù)二的簡(jiǎn)單交互流程提交打開瀏覽器創(chuàng)建一個(gè)對(duì)象在地址欄輸入地址提交等待服務(wù)器返回內(nèi)容三兼容辦法利用方法四方法參數(shù)打開方式地址是否異步表單數(shù)據(jù)的提交
一、什么是AJAX?
異步j(luò)avascript和xml -------節(jié)省用戶操作時(shí)間,提高用戶體驗(yàn),減少數(shù)據(jù)請(qǐng)求 -------傳輸獲取數(shù)據(jù)
二、AJAX的簡(jiǎn)單交互流程:
var btn1=document.getElementById("btn1") btn1.onclick=function(){ //打開瀏覽器 創(chuàng)建一個(gè)AJAX對(duì)象 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ù)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79242.html
摘要:對(duì)于前端新手的我來(lái)說(shuō),學(xué)習(xí)的過(guò)程有點(diǎn)痛苦。因?yàn)橹暗膶W(xué)習(xí)全是只與前端有關(guān)的像呀這些都還不涉及與后臺(tái)數(shù)據(jù)交互。然后學(xué)習(xí)看了很多書覺得還是有些懵。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。幫助新手理解是很不錯(cuò)的。 對(duì)于前端新手的我來(lái)說(shuō),學(xué)習(xí)ajax的過(guò)程有點(diǎn)痛苦。因?yàn)橹暗膶W(xué)習(xí)全是只與前端有關(guān)的像css、js呀這些都還不涉及與后臺(tái)數(shù)據(jù)交互。前段時(shí)間用JS做了一個(gè)20...
摘要:是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁(yè)的藝術(shù),在不重新加載整個(gè)頁(yè)面的情況下。對(duì)象是的核心,所有現(xiàn)代瀏覽器均支持對(duì)象和使用。用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)。及時(shí)有效地幫助學(xué)員解決疑難問題,提高學(xué)員的學(xué)習(xí)積極性。 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。 AJAX...
摘要:最近在學(xué),剛剛?cè)腴T,用到很多與相關(guān)的交互。也用了挺久的了,想寫一下學(xué)習(xí)筆記來(lái)記錄一下。實(shí)現(xiàn)過(guò)程是的基礎(chǔ),是核心對(duì)象,首先要實(shí)例化一個(gè)對(duì)象進(jìn)行請(qǐng)求,規(guī)定請(qǐng)求的類型以及是否異步處理請(qǐng)求。響應(yīng)服務(wù)器狀態(tài)響應(yīng)服務(wù)器狀態(tài)涉及對(duì)象的三個(gè)重要的屬性。 最近在學(xué)php,剛剛?cè)腴T,用到很多與Ajax相關(guān)的交互。Ajax也用了挺久的了,想寫一下學(xué)習(xí)筆記來(lái)記錄一下。今天先簡(jiǎn)單寫一下原理和過(guò)程。歡迎大家一起探...
摘要:最近在學(xué),剛剛?cè)腴T,用到很多與相關(guān)的交互。也用了挺久的了,想寫一下學(xué)習(xí)筆記來(lái)記錄一下。實(shí)現(xiàn)過(guò)程是的基礎(chǔ),是核心對(duì)象,首先要實(shí)例化一個(gè)對(duì)象進(jìn)行請(qǐng)求,規(guī)定請(qǐng)求的類型以及是否異步處理請(qǐng)求。響應(yīng)服務(wù)器狀態(tài)響應(yīng)服務(wù)器狀態(tài)涉及對(duì)象的三個(gè)重要的屬性。 最近在學(xué)php,剛剛?cè)腴T,用到很多與Ajax相關(guān)的交互。Ajax也用了挺久的了,想寫一下學(xué)習(xí)筆記來(lái)記錄一下。今天先簡(jiǎn)單寫一下原理和過(guò)程。歡迎大家一起探...
摘要:希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎,由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時(shí),老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址:Learning React.js is easier than you think 原文作...
摘要:事件循環(huán)當(dāng)進(jìn)程啟動(dòng)時(shí),會(huì)創(chuàng)建一個(gè)循環(huán),每個(gè)循環(huán)通過(guò)內(nèi)部的觀察者來(lái)查看是否有事件需要處理,如果有就取出事件和它相關(guān)的回調(diào)函數(shù)去執(zhí)行,執(zhí)行完以后就進(jìn)入下一個(gè)循環(huán),如果不再有就退出進(jìn)程。 前言 在學(xué)習(xí)eventloop之前,我們需要復(fù)習(xí)一下js的單線程和異步。雖說(shuō)js是單線程的,但是在瀏覽器和Node中都做了相應(yīng)的處理。如瀏覽器中的web workers(工作線程),Node中的child_...
閱讀 1675·2021-10-13 09:39
閱讀 2109·2021-09-07 10:20
閱讀 2691·2019-08-30 15:56
閱讀 2958·2019-08-30 15:56
閱讀 940·2019-08-30 15:55
閱讀 638·2019-08-30 15:46
閱讀 3504·2019-08-30 15:44
閱讀 2563·2019-08-30 11:15