jquery-form表单提交插件+ajax参数传递的几种方式

轻松提交(模态框)表单 不用自己手动一个标签一个标签获取值 一共有两种提交方式

方式一常用于事件, 默认自动提交

// 监听保存按钮$(".btn-save").click(function () { // 用 ajaxSubmit() 进行异步表单提交时, 默认自动提交 $("#editForm").ajaxSubmit(function (data) {})})// 此种方式提交地址是 form 表单的 action 地址, data 为后台反馈对象

方式二用于表单提交前处理

$('.userinfo').ajaxForm({ url:});

ajax 序列化传参

// 直接对表单进行序列化重定向传参(参数拼接形式)window.location.href = "/consumptionReport/chart?" + $("#searchForm").serialize();// 提交结果: http://localhost/consumptionReport/chart?// currentPage=1&businessId=&startTime=&endTime=&hasAppointment=&enumName=MONTH

ajax.get() 方法

// 路径, json 对象, 回调方法 function(data), data 为反馈参数, 通常为 JsonResult, 也可以是 list, 或任意类$.get("/consumption/changeStatus", {consumptionId: id, status: status}, function (data) { if (data.success) { window.location.href = "/consumption/input?consumptionId=" + id; }})

.ajax 传递数组

var ids = [];$.ajax({ url: "/consumptionItem/delete", type: "POST", traditional: true data: {ids: ids}, // 注意 success: function (result) { var consumptionId = $("button[name=addItem]").data("id"); window.location.href = "/consumption/input?consumptionId=" + consumptionId; }})// traditional: 这个属性默认是 false, jquery 会深度序列化这个对象，以适应 PHP 等框架，// 我们可以通过设置 tradtional 为 true 阻止深度序列化, 后台可以直接获取(如数组)