快捷導(dǎo)航

Jquery讓form表單異步提交代碼實(shí)現(xiàn)

更新時(shí)間：2019年11月14日 10:20:26 作者：小魚吃貓

這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.監(jiān)聽表單提交事件,并阻止表單提交

$("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;//阻止表單提交
})

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery操作CSS樣式
這篇文章介紹了jQuery操作CSS樣式的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
一款簡單的jQuery圖片標(biāo)注效果附源碼下載
在一些電商網(wǎng)站和家居網(wǎng)站上我們會(huì)看到這樣的應(yīng)用，一張圖片中顯示多種商品，點(diǎn)擊每個(gè)商品可以彈出對(duì)應(yīng)商品的簡單介紹，包括價(jià)格等等，極大的提高了用戶體驗(yàn)，今天我們通過實(shí)例給大家分享使用jQuery插件來實(shí)現(xiàn)這一效果
2016-03-03
jQuery插件AjaxFileUpload實(shí)現(xiàn)ajax文件上傳
這篇文章主要為大家詳細(xì)介紹了jQuery插件AjaxFileUpload實(shí)現(xiàn)ajax文件上傳的相關(guān)資料,需要的朋友可以參考下
2016-05-05
運(yùn)用JQuery的toggle實(shí)現(xiàn)網(wǎng)頁加載完成自動(dòng)彈窗
toggle()事件它主要切換元素的可見狀態(tài)，下面為大家介紹下運(yùn)用JQuery的toggle實(shí)現(xiàn)網(wǎng)頁加載完成自動(dòng)彈窗
2014-03-03
Jquery中.bind()、.live()、.delegate()和.on()之間的區(qū)別詳解
在我們?nèi)粘ｉ_發(fā)中經(jīng)常會(huì)使用到.bind()、.live()、.delegate()和.on()，有些同學(xué)會(huì)對(duì)這四者存在一些疑慮，所以下面這篇文章主要給大家介紹了關(guān)于Jquery中.bind()、.live()、.delegate()和.on()之間區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒。
2017-08-08
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
JQuery省市聯(lián)動(dòng)效果實(shí)現(xiàn)過程詳解
這篇文章主要介紹了JQuery省市聯(lián)動(dòng)效果實(shí)現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
Web前端新人筆記之jquery入門心得(新手必看)
下面小編就為大家?guī)硪黄猈eb前端新人筆記之jquery入門心得(新手必看)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧
2016-05-05
全面解析標(biāo)簽頁的切換方式
這篇文章主要介紹了標(biāo)簽頁的切換方式,介紹的非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行，想個(gè)性化定制一些功能，就可以將代碼寫成插件的形式，方便使用與修改。
2010-04-04