使用jQuery在Ajax调用中仅发送数组中对象的少数属性

Question

// Initialize the object, before adding data to it.
var NewPerson = new Object();

NewPerson.FirstName = $("#FirstName").val();
NewPerson.LastName = $("#LastName").val();
NewPerson.Address = $("#Address").val();
NewPerson.City = $("#City").val();
NewPerson.State = $("#State").val();
NewPerson.Zip = $("#Zip").val();     

实际上，我正在填充并发送一个NewPerson对象数组。 我正在使用JavaScript中的所有属性，但是当我进行如下所示的ajax调用时，我只想发送两个属性，例如说FirstName和LastName

$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "PersonService.asmx/AddPerson",
  data: "{'NewPerson':" + JSON.stringify(NewPerson) + "}",
  dataType: "json"
});

注意：我使用的数组不是NewPerson的单个对象。 上面的代码仅作为示例。

Answer 1

不幸的是，您无法告诉JSON.stringify您要解析的对象/数组的哪些属性，而哪些不是。 如果确实需要“手动”创建NewPerson对象，则必须过滤要发送给自己的值。

更好的方法似乎是方法.serialize()或.serializeArray() 。 两者都将从form元素中读取input元素，但仅读取那些拥有name=属性的元素。 因此，您可以给#FirstName和#LastName一个name属性。

参考： .serializeArray（） ，.serialize（）

Answer 2

您可以轻松编写一个函数来实现以下目的：

function extractMembers(arr, members)
{
    var m, o, i, j;
    var output = [];
    for (i = 0; i < arr.length; ++i) {
        o = {};
        for (j = 0; j < members.length; ++j) {
            m = members[j];
            o[m] = arr[i][m];
        }
        output.push(o);
    }
    return output;
}

现在您可以使用如下功能：

var objects = [{FirstName: "...", LastName: "...", Address: "..."},
               {FirstName: "...", LastName: "...", Address: "..."}]

var toSend = extractMembers(objects, ["FirstName", "LastName"]);

还有一件事：您可能想使用简写形式在JavaScript中创建对象：

var NewPerson = {
    FirstName: $("#FirstName").val(),
    LastName: $("#LastName").val(),
    ...
};