本文實例講述了jQuery基于ajax()使用serialize()提交form數據的方法。分享給大家供大家參考,具體如下:
jQuery的serialize()方法通過序列化表單值,創建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的參數,輕松使用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程序設計有所幫助。
新聞熱點
疑難解答