如何使用jQuery"提交"表单的一部分

Question

我有一个像电子表格一样的表格.当用户离开一行时,我想使用jQuery Ajax将该行的字段提交给服务器.该页面是一个大的形式,所以这不是一个javascript点击提交按钮场景 - 形式是巨大的,我只想发送一小部分内容出于速度的原因.

我已经编写了代码来识别行并迭代行中的字段.我的问题是如何构建dat对象以提交可理解的东西,我可以在服务器端进行反汇编和存储.

目前我的代码看起来像这样

var dat=[];
$("#" + finalrow).find("input").each(function () {
    var o = $(this).attr("name");
    var v = $(this).val();
    dat.push({ o: v });
});
$.ajax({
    url: 'UpdateRowAjax',
    dataType: 'json',
    type: 'POST',
    data: dat ,
    success: function (data) {
        renderAjaxResponse(data);
    }
});

dat的组装根本不起作用.那么我应该如何构建该dat对象以使其"看起来"尽可能像表单提交一样.

Answer 1

您可以将包含要发送的数据的元素添加到jQuery集合,然后serialize在该对象上调用该方法.它将返回一个可以发送到服务器的参数字符串.

var params = $("#" + finalrow).find("input").serialize();

$.ajax({
    url: 'UpdateRowAjax',
    type: 'POST',
    data: params ,
    success: function (data) {
        renderAjaxResponse(data);
    }
});