jQuery.ajax“数据”参数语法

Question

我正在尝试将 javascript 变量的内容传递给服务器进行处理。我可以传递静态字符串没有问题，但是当我传递一个包含字符串的变量时，不会调用 WebMethod。这是我的代码： （客户）

function expand(checkbox) 
{
    var selectedrow = checkbox.parentNode.parentNode;
    var rowindex = selectedrow.rowIndex;
    var parent = document.getElementById("parentTable");
    var NextRow = parent.rows[rowindex + 1];

    var cols = selectedrow.cells[1];
    var ID = cols.firstElementChild.attributes.value;


    $.ajax({
        type: "post",
        url: "Playground.aspx/childBind",
        data: "{sendData: ID}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) { alert("successful!" + result.d); }
    })

    NextRow.style.visibility = "visible";
}

（服务器）

[WebMethod]
    public static string childBind(string sendData)
    {
        return String.Format("Hello");
    }

现在，如果我要尝试 data: "{sendData: "ok"}"，WebMethod 会被调用并返回响应。我的语法怎么错了？

Answer 1

您可以使用此代码：

$.ajax({
        type: "post",
        url: "Playground.aspx/childBind",
        data: JSON.stringify({sendData: ID}),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (result) { alert("successful!" + result.d); }
    })

Answer 2

您发送的是字符串而不是对象（"{sendData: ID}" 而不是 {sendData: ID}）。而且您发送的数据不是 JSON。所以删除 contentType 行并更改数据行。您应该将其重写为：

$.ajax({
    type: "post",
    url: "Playground.aspx/childBind",
    data: {sendData: ID},
    dataType: "json",
    success: function (result) { alert("successful!" + result.d); }
})

如果你想发送 JSON，你也可以这样写：

$.ajax({
    type: "post",
    url: "Playground.aspx/childBind",
    data: $.getJSON({sendData: ID}),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (result) { alert("successful!" + result.d); }
})

Answer 3

您将“ID”作为字符串而不是变量传递。 您需要做的就是删除数据对象周围的引号。

进一步阅读 JSON 和 javascript 对象：

http://www.json.org/

http://www.w3schools.com/js/js_objects.asp

Answer 4

由于您使用的是 jQuery，因此请运行以下测试以获得答案：

var ID = 45;

var x = "{sendData: ID}";

alert(jQuery.isPlainObject(x));  // false

var y = { sendData: ID};

alert(jQuery.isPlainObject(y)); // true

这里是 jsFiddle：

http://jsfiddle.net/3ugKE/

Answer 5

您不必将其作为字符串传递。由于ID 是一个javascript 变量，您必须传递它的值。当您以"{sendData: ID}" 传递数据时，它不会传递ID 的值。

试试这个

data: { sendData: ID }