首頁 > 其他

jQuery中如何實現AJAX

2019-12-12 13:28:16

在做頁面開發時,有時我們需要使用ajax技術來獲取資料,那麼如果你使用jquery,怎麼實現ajax獲取資料?很簡單的,下面我們來看一下。

1

在頁面程式碼上,我們先引入jquery指令碼檔案。


2

然後新增一個div,div裡的內容是空的。


3

下方新增一個按鈕,用來觸發ajax請求。


4

在按鈕的事件函數上,直接呼叫jquery的 $.ajax方法,方法裡url就是要呼叫的請求連結。data為引數。


5

然後再新增一個success方法,這方法是ajax呼叫成功後頁面呼叫的邏輯,在這裡我們把ajax獲得的資料內容放到div裡。


6

在後台邏輯裡,ajax呼叫的頁面,我們只是簡單的返回一個陣列物件,裡面有一個text屬性的。


7

執行頁面看到div裡沒有內容的,我們點選按鈕觸發ajax請求,請求得到結果後,會在div裡輸入文字內容了。




IT145.com E-mail:sddin#qq.com