• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jquery怎么用ajax提交表單

    在jquery中,可以使用ajax來提交表單的內容至服務端數據處理,再由服務端返回的數據進行判斷操作。下面小編舉例講解jquery怎么用ajax提交表單。

    東西/原料

    • html+jquery
    • 代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解jquery怎么用ajax提交表單。

    2. 2

      在test.html文件內,利用form標簽建立一個表單,并利用input建立一個用戶名輸入框,一個暗碼輸入框。

    3. 3

      在test.html文件內,建立一個button按鈕,用于點擊提交表單內容,當按鈕被點擊時,執行subform()函數。

    4. 4

      在js標簽內,建立subform()函數,在函數內,經由過程id別離獲得文本框和暗碼框對象,經由過程val()方式獲得輸入的內容。

    5. 5

      在js標簽內,利用“$.ajax()”來實現ajax提交表單內容。url為提交數據至辦事器的鏈接,type為傳輸數據的類型,data為數據的內容,success為辦事器領受數據后返回的內容,經由過程if實現提交當作功與否的判定。

    6. 6

      在瀏覽器打開test.html文件,點擊按鈕,查看成果。

      END

    總結:

    1. 1

      1、建立表單和一個提交表單數據的按鈕。

      2、在js標簽內,利用$.ajax()來實現提交表單數據。

      END

    注重事項

    • success方式中的data是辦事器端返回的數據,可覺得數組,也可覺得數字。
    • 發表于 2020-03-24 19:00
    • 閱讀 ( 803 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆