成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

AJAX學(xué)習(xí)

malakashi / 2691人閱讀

摘要:一什么是異步和節(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

相關(guān)文章

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

    摘要:對(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...

    idisfkj 評(píng)論0 收藏0
  • Java基礎(chǔ)學(xué)習(xí)AJAX技術(shù)簡(jiǎn)單學(xué)習(xí)

    摘要:是與服務(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...

    番茄西紅柿 評(píng)論0 收藏2637
  • Ajax學(xué)習(xí)筆記

    摘要:最近在學(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ò)程。歡迎大家一起探...

    Forest10 評(píng)論0 收藏0
  • Ajax學(xué)習(xí)筆記

    摘要:最近在學(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ò)程。歡迎大家一起探...

    wing324 評(píng)論0 收藏0
  • 前端相關(guān)大雜燴

    摘要:希望幫助更多的前端愛好者學(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 原文作...

    fuyi501 評(píng)論0 收藏0
  • 事件循環(huán)(EventLoop)的學(xué)習(xí)總結(jié)

    摘要:事件循環(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_...

    lentoo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

malakashi

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<