首頁 > 網際網路

jQuery怎麼提交資料到後台

2019-12-11 09:54:35

jQuery怎麼提交資料到後台?很簡單的,使用jquery裡的ajax方法就可以了,下面我來看一下。

1

要使用jquery,我們先要在html裡引入jquery外掛。


2

html很簡單,一個輸入框和一個按鈕,點選按鈕就利用jquery把輸入框裡的內容提交到資料後台。


3

要實現這個功能,我們主要使用jquery的 ajax方法就行了,


4

ajax方法的主要引數首先是url,就是提交到後台的哪個連結上,


5

然後data引數是用戶端需要提交的資料,相當於form提交裡post的資料,ajax方法有一個success的回撥函數,就是提交成功後我們用戶端需要做些什麼邏輯,我們這裡主要是簡單的彈出顯示返回的資料就行了。


6

後台邏輯,在實際應用上我們可以對提交過來的資料儲存到資料庫裡,這裡我們省略這些邏輯,簡單的把提交過來的資料返回給用戶端就行了,使用json_encode把陣列編碼成json格式,使用echo輸出就行了。


7

所有邏輯準備完成,執行頁面,在輸入框裡輸入文字,點選提交按鈕。


8

點選後,就會把這個文字提交到後台了,後台將其原樣返回了,我們在彈出的視窗上可以看到,正確獲取到了提交後返回的資料。

在瀏覽器的偵錯面板上也可以看到返回的具體資料。



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