方法一:
分别获取所需数据元素,DOM结构外层不用包form标签(适用于数据量少,数据元素分散于整个页面)
$.ajax({ type: 'POST', url:'', data: { residence:[$('#region_1').val(),$('#region_2').val(),$('#region_3').val()], address:$('#address').val() }, dataType: 'json', success: function(data){ }, error:function(err){ } });
方法二:
需要包裹form标签(适用于数据量大,元素集中)
function AddHandlingFeeToRefund() {var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "POST", dataType: "html", url: AjaxURL + '?Action=' + 'SubmitHandlingFee' + '&OrderNumber=' + $.trim($("#").val()), data: $('#formAddHandlingFee').serialize(), success: function (result) {var strresult=result; alert(strresult);//加载最大可退金额$("#spanMaxAmount").html(strresult); }, error: function(data) { alert("error:"+data.responseText); } }); }
html代码:
以上就是jquery实现ajax提交表单的两种方法的详细内容,更多请关注php中文网其它相关文章!
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号