jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
本文實(shí)例講述了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法。分享給大家供大家參考,具體如下:
jQuery的serialize()方法通過(guò)序列化表單值,創(chuàng)建URL編碼文本字符串,我們就可以選擇一個(gè)或多個(gè)表單元素,也可以直接選擇form將其序列化,如:
<form action=""> First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="text" name="LastName" value="Gates" /><br /> </form> <script> $(document).ready(function(){ console.log($("form").serialize()); // FirstName=Bill&LastName=Gates }); </script>
這樣,我們就可以把序列化的值傳給ajax()作為url的參數(shù),輕松使用ajax()提交form表單了,而不需要一個(gè)一個(gè)獲取表單中的值然后傳給ajax(),舉例如下:
$.ajax({ type: 'post', url: 'your url', data: $("form").serialize(), success: function(data) { // your code } });
使用$.post()、$.get()和$.getJSON()也是一樣的:
$.post('your url', $("form").serialize(), function(data) { // your code } }); $.get('your url', $("form").serialize(), function(data) { // your code } }); $.getJSON('your url', $("form").serialize(), function(data) { // your code } });
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
通過(guò)jquery的ajax請(qǐng)求本地的json文件方法
今天小編就為大家分享一篇通過(guò)jquery的ajax請(qǐng)求本地的json文件方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08jQuery實(shí)現(xiàn)瀑布流布局詳解(PC和移動(dòng)端)
這篇文章非常全面的介紹了在PC和移動(dòng)端上jQuery實(shí)現(xiàn)瀑布流布局的詳細(xì)過(guò)程,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,對(duì)瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10ajax 文件上傳應(yīng)用簡(jiǎn)單實(shí)現(xiàn)
今天看到一個(gè)jquery插件jquery.fileupload.v.1.5.0,自己試著結(jié)合java做了一個(gè)ajax的文件上傳小應(yīng)用2009-03-03jQuery取得元素標(biāo)簽名稱小結(jié)(附代碼)
這篇文章主要介紹了 jquery如何取得元素標(biāo)簽名稱,將html和js代碼附上,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08jquery教程限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)示例分享
這篇文章主要介紹了JQuery限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)的方法,大家參考使用吧2014-01-01輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車的功能,購(gòu)物籃中的物品和價(jià)格也將進(jìn)行更新,感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)Twitter的自動(dòng)文字補(bǔ)齊特效
本文介紹了一款jQuery實(shí)現(xiàn)的文字自動(dòng)補(bǔ)全特效的插件,該插件可以結(jié)合本地?cái)?shù)據(jù)進(jìn)行一些操作。推薦關(guān)注一下H5的幾種數(shù)據(jù)存儲(chǔ)的方式(localstorage與sessionstorage、IndexedDB、離線緩存manifest文件)2014-11-11