jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
本文實例講述了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法。分享給大家供大家參考,具體如下:
jQuery的serialize()方法通過序列化表單值,創(chuàng)建URL編碼文本字符串,我們就可以選擇一個或多個表單元素,也可以直接選擇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表單了,而不需要一個一個獲取表單中的值然后傳給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 } });
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery取得元素標(biāo)簽名稱小結(jié)(附代碼)
這篇文章主要介紹了 jquery如何取得元素標(biāo)簽名稱,將html和js代碼附上,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08jquery教程限制文本框只能輸入數(shù)字和小數(shù)點示例分享
這篇文章主要介紹了JQuery限制文本框只能輸入數(shù)字和小數(shù)點的方法,大家參考使用吧2014-01-01輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實現(xiàn)拖放商品放置購物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實現(xiàn)拖放商品放置購物車的功能,購物籃中的物品和價格也將進行更新,感興趣的小伙伴們可以參考一下2015-11-11jQuery實現(xiàn)Twitter的自動文字補齊特效
本文介紹了一款jQuery實現(xiàn)的文字自動補全特效的插件,該插件可以結(jié)合本地數(shù)據(jù)進行一些操作。推薦關(guān)注一下H5的幾種數(shù)據(jù)存儲的方式(localstorage與sessionstorage、IndexedDB、離線緩存manifest文件)2014-11-11