AJAX的引用

首先,ajax主要是實(shí)現(xiàn)頁面和web服務(wù)器之間數(shù)據(jù)的異步傳輸。舉個(gè)簡(jiǎn)單例子,不采用ajax的頁面,當(dāng)用戶在頁面發(fā)起請(qǐng)求時(shí),就要進(jìn)行整個(gè)頁面的刷新,刷新快慢取決于服務(wù)器的處理快慢。在這個(gè)過程中用戶必須得等待,不能進(jìn)行其他操作。也就是同步的方式??蛻舳撕?a target="_blank">服務(wù)端傳遞了很多不需要的數(shù)據(jù)。效率低,用戶體驗(yàn)差。采用ajax的頁面,可以實(shí)現(xiàn)頁面的局部更新,而不是整個(gè)頁面的更新;并且發(fā)起請(qǐng)求后,用戶還可以進(jìn)行頁面上的其他操作。這就是異步的方式??蛻舳撕?a target="_blank">服務(wù)端間只傳遞需要的數(shù)據(jù),效率高,用戶體驗(yàn)性好。 供參考。

要用ajax的話可以用jQuery ajax - ajax() 方法(http://www.w3school.com.cn/jquery/ajax_ajax.asp),在w3school官網(wǎng)上有很好的說明,或者自己應(yīng)用本地的封裝好的ajax文件,如果沒有的話可以用這個(gè)


ajax的引用步驟主要是:
1.創(chuàng)建Ajax對(duì)象。

2.配置Ajax,創(chuàng)建HTTP連接。

3.向服務(wù)器發(fā)送請(qǐng)求。

4.創(chuàng)建Ajax對(duì)象變化的監(jiān)聽。

5.在回調(diào)函數(shù)中接收服務(wù)器返回的數(shù)據(jù)。


創(chuàng)建XMLHttp對(duì)象:

建立連接,發(fā)送數(shù)據(jù)

?總結(jié)一下就是ajax主要用在開發(fā)網(wǎng)站上,很明顯的一個(gè)特點(diǎn)就是局部刷新,也就是說當(dāng)你執(zhí)行網(wǎng)頁中的一小部分的時(shí)候其實(shí)是不用將整個(gè)網(wǎng)頁提交上去的,只需要提交你改動(dòng)的網(wǎng)頁的局部信息。

網(wǎng)上有很多教程,但是也有很多坑,那些實(shí)例代碼跟失了智一樣很多要自己改一遍,建議還是看視頻跟著敲一遍,ajax如果只要求要使用而已的話還是可以很快掌握的,特別是JQ的方法,一般ajax不要求學(xué)習(xí)的太深,只要可以熟練使用就可以了,所以不建議在這里卡的太久。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評(píng)論 1 45
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,901評(píng)論 25 709
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,946評(píng)論 2 59
  • 仿佛感覺好
    Zoe_ayuan閱讀 377評(píng)論 0 0
  • 產(chǎn)品學(xué)習(xí)-結(jié)構(gòu)化思維 在學(xué)習(xí)結(jié)構(gòu)化思維之前我的思考是目前我的思維屬于哪種,如何向結(jié)構(gòu)化思維不斷地靠近。 1.直線性...
    白杰0507閱讀 294評(píng)論 0 0

友情鏈接更多精彩內(nèi)容