使用ajax在js和php之間傳值的2個簡單例子


  1. 例子1:js向php傳遞3個值,經過處理后,將處理的值返回html頁面。

    下圖中,點擊”輸出返回值“,顯示結果:

    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
  2.  

    過程:在html頁面中,點擊”輸出返回值“,指向btn的click事件,其對應ajax將值傳遞給url對應的php;php用$_POST接收傳遞過來的值,簡單處理傳遞過來的值,返回html.

    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
  3.  

    例子2:在輸入框輸入“王小明”,點擊”確定“按鈕,顯示“my name is: 王小明”,若是出錯,則彈出錯誤的彈出框。

    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
  4.  

    過程:在輸入框中輸入文字,點擊“確定”按鈕,btn2執行點擊事件,其下對應的ajax,將值傳遞給對應的url對應的php中。其中關於ajax的注意點,已在圖上用注釋標志出來,寫的時候要注意。

    使用ajax在js和php之間傳值的2個簡單例子
    使用ajax在js和php之間傳值的2個簡單例子
  5.  

    ajax 返回值是json類型,在php這邊接收時,選擇用php輸入流php://input 獲取原始的輸入內容;結果值要用json_encode, 對變量進行 JSON 編碼。

    使用ajax在js和php之間傳值的2個簡單例子
    END
  • $.ajax 傳遞數據時,要注意返回值的類型,特別是json格式的,一定要注意轉換
  • 傳值時,data中的逗號要注意不能多,最后無逗號

轉自:https://jingyan.baidu.com/article/636f38bb436ae5d6b84610dd.html?st=2&os=0&bd_page_type=1&net_type=2


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM