2021-05-12 14:32:11
使用ajax在js和php之間傳值的2個簡單例子
2019-12-14 00:38:30
js 使用ajax向php傳值，php獲取ajax傳遞的值後返回html頁面
1
例子1：js向php傳遞3個值，經過處理後，將處理的值返回html頁面。
下圖中，點選」輸出返回值「，顯示結果：
2
過程：在html頁面中，點選」輸出返回值「，指向btn的click事件，其對應ajax將值傳遞給url對應的php；php用$_POST接收傳遞過來的值，簡單處理傳遞過來的值，返回html.
3
例子2：在輸入框輸入「王小明」，點選」確定「按鈕，顯示「my name is: 王小明」，若是出錯，則彈出錯誤的彈出框。
4
過程：在輸入框中輸入文字，點選「確定」按鈕，btn2執行點選事件，其下對應的ajax，將值傳遞給對應的url對應的php中。其中關於ajax的注意點，已在圖上用注釋標誌出來，寫的時候要注意。
5
ajax 返回值是json型別，在php這邊接收時,選擇用php輸入流php://input 獲取原始的輸入內容；結果值要用json_encode， 對變數進行 JSON 編碼。
相關文章