保存对 jQuery 可排序表的更改

Question

我有一个表，允许用户按照他们想要的顺序拖放行，然后保存它们。我对拖放部分的工作没有任何问题。这是我遇到问题的储蓄。我正在向 Web 服务发送 Ajax 调用，然后该服务将进行保存。不过，我似乎无法真正捕获网络服务中的请求。

我的 JavaScript 函数如下所示：

$(document).ready(
            function () {
                $(".sortable").sortable({
                    update: function () {
                        serial = $('.sortable').sortable('serialize');
                        $.ajax({
                            url: "MyWebService.asmx/SortTable",
                            type: "post",
                            data: serial,
                            error: function () {
                                alert("theres an error with AJAX");
                            }
                        });
                    }
                });

            });

从 Firebug 向我展示的内容来看，JSON 字符串看起来不错。 Web 服务功能就像这样：

[WebMethod]
public string SortTable(String[] rows)
{
    //SaveChanges();
    return "Called!";
}

当我在那里放置断点时，它永远不会被命中。当函数中没有参数时，它就会被命中。我尝试用“object”替换“String[]”，但它仍然没有被击中，我觉得这很奇怪。这是怎么回事？

Answer 1

您可能需要使用 [ScriptService] 属性来装饰您的 Web 服务，以便允许客户端脚本调用它。此外，如果您要发送 JSON 请求，则需要指定内容类型。另一个注释是将请求作为实际的 JSON 对象发送，这可以使用 JSON.stringify 方法来实现（可能是 $('.sortable').sortable('serialize')< /code> 调用已经做到了这一点，我不熟悉，你只需要确保 POSTed 值如下所示： [ 'row1', 'row2', ... ]):

$.ajax({
    url: 'MyWebService.asmx/SortTable',
    type: 'post',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify([ 'row1', 'row2', 'row3' ]),
    error: function () {
        alert('theres an error with AJAX');
    }
});