Jquery讓form表單異步提交代碼實(shí)現(xiàn)
更新時(shí)間：2019年11月14日 10:20:26 作者：小魚(yú)吃貓
這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
1.監(jiān)聽(tīng)表單提交事件,并阻止表單提交
$("form").submit(function(e) {
return false;//阻止表單提交
})
2.拿到表單內(nèi)容
let data = $("form").serialize();
//上邊這個(gè)就是拿到表單的內(nèi)容,如果你想要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;//阻止表單提交
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)獲取form表單內(nèi)容及綁定數(shù)據(jù)到form表單操作分析
- jQuery實(shí)現(xiàn)form表單序列化轉(zhuǎn)換為json對(duì)象功能示例
- 關(guān)于jquery form表單序列化的注意事項(xiàng)詳解
- JQuery form表單提交前驗(yàn)證單選框是否選中、刪除記錄時(shí)驗(yàn)證經(jīng)驗(yàn)總結(jié)(整理)
- jquery.form.js異步提交表單詳解
- jquery表單插件form使用方法詳解
- jQuery表單插件ajaxForm實(shí)例詳解
- jQuery Form表單取值的方法
- jquery獲取form表單input元素值的簡(jiǎn)單實(shí)例
相關(guān)文章
基于jquery實(shí)現(xiàn)可定制的web在線(xiàn)富文本編輯器附源碼下載
UEditor的功能非常強(qiáng)大，官方已配備了php,asp,asp.net,java等語(yǔ)言的上傳程序，拿來(lái)就可以使用，當(dāng)然ueditor更具有功能插件接口，很輕松地添加自己定義功能到編輯器中，方便項(xiàng)目的不同需求2015-11-11
Jquery使用AJAX方法請(qǐng)求數(shù)據(jù)
本文詳細(xì)講解了Jquery使用AJAX方法請(qǐng)求數(shù)據(jù)，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了Jquery取得iframe下內(nèi)容的方法，有需要的朋友可以參考一下2013-11-11
jquery實(shí)現(xiàn)的偽分頁(yè)效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的偽分頁(yè)效果代碼,涉及jQuery頁(yè)面元素操作與數(shù)值計(jì)算的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
jQuery 在現(xiàn)在的Web開(kāi)發(fā)項(xiàng)目中扮演著重要角色，jQuery 讓網(wǎng)站有更好的可用性和用戶(hù)體驗(yàn)，讓訪(fǎng)問(wèn)者對(duì)網(wǎng)站留下非常好的印象2012-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery呼吸輪播圖制作原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了Jquery 整理元素選取、常用方法一覽表的相關(guān)資料,這里整理了相關(guān)資料，便于大家查看，需要的朋友可以參考下2016-11-11
jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼控制按鈕禁用功能
最近接到新需求，需要實(shí)現(xiàn)一個(gè)點(diǎn)擊發(fā)送驗(yàn)證碼之后，按鈕禁用，在5秒之后取消禁用，看似需求很簡(jiǎn)單，實(shí)現(xiàn)起來(lái)還真的好好動(dòng)動(dòng)腦筋，下面小編把jquery控制按鈕禁用核心代碼分享給大家，需要的朋友參考下吧2021-07-07
jquery 實(shí)現(xiàn)二級(jí)/三級(jí)/多級(jí)聯(lián)動(dòng)菜單的思路及代碼
jQuery的AJAX功能和asp.net來(lái)實(shí)現(xiàn)省市區(qū)的三級(jí)聯(lián)動(dòng)效果，其他二級(jí)、三級(jí)或多級(jí)聯(lián)動(dòng)也可以按照此方法完成，由此需求的朋友可以參考下哈，希望可以幫助到你2013-04-04
這篇文章主要介紹了jQuery中filter()方法用法,實(shí)例分析了filter()方法的功能、定義及篩選的幾種使用技巧,需要的朋友可以參考下2015-01-01