快捷導(dǎo)航

jquery+ajax實(shí)現(xiàn)直接提交表單實(shí)例分析

更新時(shí)間：2016年06月17日 16:50:21 作者：hbiao68

這篇文章主要介紹了jquery+ajax直接提交表單的方法,涉及jQuery調(diào)用ajax進(jìn)行表單提交所涉及的表單序列化、數(shù)值傳遞與處理、回調(diào)函數(shù)等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery+ajax實(shí)現(xiàn)直接提交表單的方法。分享給大家供大家參考，具體如下：

這里給出查看幫助文檔的例子

<script src="jquery-1.4.4.js"></script>
<script>
$(function(){
  $("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
});
</script>
<p id="results"><b>Results: </b> </p>
<form>
 <select name="single">
  <option>Single</option>
  <option>Single2</option>
 </select>
 <select name="multiple" multiple="multiple">
  <option selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
 </select><br/>
 <input type="checkbox" name="check" value="check1"/> check1
 <input type="checkbox" name="check" value="check2" checked="checked"/> check2
 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
 <input type="radio" name="radio" value="radio2"/> radio2
</form>

界面顯示的內(nèi)容是

直接使用ajax提交表單傳遞參數(shù)

$.ajax({
   type: "POST",
   url: url,
   data: $('#form1').serialize(),
   success: function(msg){
    alert( "Data Saved: " + msg );
   }
});

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery解析json數(shù)據(jù)實(shí)例分析
這篇文章主要介紹了jQuery解析json數(shù)據(jù)的具體實(shí)現(xiàn)方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery解析json格式數(shù)據(jù)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
js中獲取 table節(jié)點(diǎn)各tr及td的內(nèi)容簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js中獲取 table節(jié)點(diǎn)各tr及td的內(nèi)容簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
這篇文章主要介紹了jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下
2014-05-05
jQuery 選擇器用法實(shí)例分析【prev + next】
這篇文章主要介紹了jQuery 選擇器用法,結(jié)合實(shí)例形式分析了jQuery選擇器prev 與 next基本功能、用法及相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jQuery常用的一些技巧匯總
本文給大家匯總了一些jQuery常用的方法，都是我們?nèi)粘ｍ?xiàng)目中經(jīng)常會(huì)用到的，附上示例，有需要的小伙伴可以參考下。
2016-03-03
jquery動(dòng)態(tài)調(diào)整div大小使其寬度始終為瀏覽器寬度
需要設(shè)置寬度為整個(gè)瀏覽器寬度的div，當(dāng)然我們可以使用相對(duì)布局的方式做到這一點(diǎn)，下面是具體實(shí)現(xiàn)，大家可以參考下
2014-06-06
jQuery實(shí)現(xiàn)顏色打字機(jī)的完整代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)顏色打字機(jī)的完整代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-03-03
jQuery 設(shè)置 CSS 屬性示例介紹
設(shè)置指定的CSS屬性或設(shè)置多個(gè)CSS屬性，下面有個(gè)不錯(cuò)的示例，大可以參考下
2014-01-01
jQuery siblings()用法實(shí)例詳解
siblings() 獲得匹配集合中每個(gè)元素的同胞，通過(guò)選擇器進(jìn)行篩選是可選的。接下來(lái)通過(guò)本文給大家介紹jQuery siblings()用法實(shí)例詳解，需要的朋友參考下吧
2016-04-04
淺談JQuery+ajax+jsonp 跨域訪問(wèn)
下面小編就為大家?guī)?lái)一篇淺談JQuery+ajax+jsonp 跨域訪問(wèn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06