ajax的全稱是 \(asynchronous j**ascript and xml\)(非同步j**ascript和xml)。
通俗的理解:在網頁中利用xmlhttprequest物件和伺服器進行資料互動的方式,就是ajax。
之前所學的技術,只能把網頁做得更美觀漂亮,或新增一些動畫效果,但是ajax能讓我們輕鬆實現網頁與伺服器之間的資料互動。
使用者名稱檢測:註冊使用者時,通過ajax的形式,動態檢測使用者名稱是否被占用
資料分頁顯示:當點選頁碼值的時候,通過ajax形式,根據頁面值動態刷星**的資料
資料的增刪改查:資料的新增、修改、查詢操作,都需要通過ajax的形式,來實現資料的互動。
瀏覽器中提供的xmlhttprequest
用法比較複雜,所以jquery對xmlhttprequest
進行了封裝,提供了一系列ajax相關的函式,極大地降低了ajax的使用難度。
jquery 中發起ajax請求最常用的三個方法如下:
jquery中$.get()
函式的功能單一,專門用來發起get請求,從而將伺服器上的資源請求到客戶端來進行使用。
$.get()
函式語法如下:
$.get(url,[data],[callback])
其中,三個引數各自代表的含義如下:
引數名引數型別
是否必選
說明url
string
是要請求的資源位址
data
object
否請求資源期間要攜帶的引數
callback
function
否請求成功時返回的**函式
$.get('',function(res))
使用$.get()函式發起帶引數的請求時,示例**如下:
$.get('',[id:1],function(res))
jquery中$.post()
函式的功能單一,專門用來發起post請求,從而向伺服器提交資料。
$.post()
函式的語法如下:
$.post(url,[data],[callback])
其中,三個引數各自代表的含義如下:
引數名引數型別
是否必選
說明url
string
是提交資料的位址
data
object
否要提交的資料
callback
function
否資料提交成功時的**函式
使用$.post()
向伺服器提交資料的示例**如下:
$.post(
'', // 請求的url位址
, // 提交資料
function(res)
)
相比於$.get()
和$.post()
函式,jquery中提供的$.ajax()
函式,是乙個功能比較綜合的函式,它允許我們對ajax請求進行更詳細的配置。
$.ajax()
函式的基本語法如下:
$.ajax(, // 這次請求要攜帶的資料
success:function(res) // 請求成功之後的**函式
})
使用ajax請求資料時,被請求的url位址,就叫做資料介面(簡稱介面)。同時,每個介面必須有請求方式。
通過get方式請求介面的過程
通過post方式請求介面的過程
什麼是介面測試工具
前後端互動AJAX
本著助人為樂的思想,認識了一些前端的初學者,幫助他們更快的步入到前端這個乙個行業。今天呢,我想要說的主題是 工作中的前後端互動 1.古老的表單提交 這種形式呢,比較早,以後端為主。前端提交表單,後端驗證 jsp,request.getparameter 這種方式後端做的比較多,我就不特別說明了。2....
前後端資料互動
web程式我們都知道處理流程 頁面在使用者操作後,封裝成請求傳送到後台,然後後台處理並響應頁面的請求。但頁面怎樣傳送請求的,其實對於寫c 一直面對黑屏終端的我們初學者是真的不知道怎樣做的。由於畢業設計需要加入web,特此去了解了js的ajax請求,才了解到頁面是怎樣處理的。故寫部落格記錄js和php...
前後端互動
剛進公司,對這些都不是很了解,這篇部落格講的很清楚,在此轉給自己,感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...