前後端資料互動技術 AJAX(一)

2022-10-11 09:54:11 字數 2102 閱讀 7803

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主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...