我是jquery和javascript中的新蜜蜂。我正在尝试使用jquery提交多个表单。我的要求是当用户提交多个表单中的任何一个时,所有表单数据都应该提交给url。我的表格就像
<form id="vendors_select_form">
<button type="submit">Search</button>
</form>
<form id="search_form"> </form>
<button type="submit">Submit</button>
<form id="vendors_select_form">
<button type="submit">Submit</button>
</form>
我正在使用的jquery是
$(document).ready( function() {
$("form button[type='submit']").click(function() {
// Construct data string
var dataString = $("#vendors_select_form, #sort_select_form, #search_form").serialize();
$form=$('#search_form')
// Log in console so you can see the final serialized data sent to AJAX
console.log(dataString);
// Do AJAX
$.ajax( {
type: 'GET',
//method:'GET',
url:"http://127.0.0.1:8000/ksaprice/product_search",
data: dataString,
success: function(data) {
//alert(data)
//console.log(data);
//$('#message').html(data);
//$('search_form').submit();
}
});
return false; // avoid to execute the actual submit of the form.
});
});
dataString从所有表单中获取数据,但此数据字符串未提交到url。请帮忙。