欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法

 更新時間:2015年12月08日 16:17:56   作者:leejersey  
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實例形式較為詳細的分析了jQuery使用ajax提交serialize序列化后的表單數(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)文章

最新評論