您好,登錄后才能下訂單哦!
小編給大家分享一下如何使用Jquery讓form表單異步提交,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
這篇文章主要介紹了Jquery讓form表單異步提交代碼實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
1.監聽表單提交事件,并阻止表單提交
$("form").submit(function(e) { return false;//阻止表單提交 })
2.拿到表單內容
let data = $("form").serialize(); //上邊這個就是拿到表單的內容,如果你想要json格式,就要自己去處理 //hdxh=1&name=%E5%BC%A0%E4%B8%89 //直接拼在url后邊 $.ajax({ url:"xxx"+"?"+data, success:res=>{ console.log(res{ } })
3.所以完整代碼為:
$("form").submit(function(e) { let data = $("form").serialize(); $.ajax({ url:"xxx"+"?"+data, success:res=>{ console.log(res{ } }) return false;//阻止表單提交 })
以上是“如何使用Jquery讓form表單異步提交”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。