通过 AJAX 调用返回非字符串的 Web 方法 [ASP.net]

Question

我在 C# 文件中创建了一个名为 test 的 Web 函数，它返回一个简单的列表进行测试

[WebMethod(EnableSession = false)]
public static List<string> test()
{
    List<string> a = new List <string>() ; 
    a.Add("1s");
    a.Add("2s");
    return a; 
}

，

     function Test() {

            $.ajax({
                type: "POST",
                url: "Default.aspx/test",
                data: "",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    x = msg;
                    $(".resultbox").html(msg.d);
                }
            });

            return x;

}

当我调用 test( ）；来自控制台的消息是：

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8   jquery-1.6.1.min.js:18

在常见情况下，我将对象转换为 JSON 并返回它们，这通常可以工作，但我有兴趣知道对象如何从 WEBMETHOD 返回到前端，它们是否序列化为文本，为什么会出现此错误发生了。

Answer 1

试试这个。

function Test() {

    $.ajax({
        type: "POST",
        url: "Default.aspx/test",
        data: "",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            msg = msg.hasOwnProperty("d") ? msg.d : msg;
            $.each(msg, function (index, value) {
                $(".resultbox").append("<p>" + value + "</p>");
            });
        }
    });

}

Answer 2

我相信 DOM 异常与通过 jQuery 的 html() 方法将数组对象传递到 innerHTML() 相关。首先尝试将数组值格式化为字符串：

success: function (msg) {
  // Builds a string like '1s, 2s'
  var formattedMessage = msg.d.join(', ');

  $(".resultbox").html(formattedMessage);
}

当然，手动构建格式化字符串并不有趣。为了改善这种情况，请研究客户端模板解决方案，例如 jQuery Templates 及其后继者 JsRender。

Answer 3

由于您要从 WebMethod 发送字符串列表，因此 msg 将是一个数组。在这种情况下，msg.d 将为您提供 undefined 结果。如果您想将它们显示为以逗号分隔的组合字符串，请尝试此操作。

ajax 本质上是异步的，默认情况下，您无法从 Test 方法返回 ajax 响应。如果您想返回它，请将async设置为false，它将等待响应到来，然后您可以返回它。

function Test() {
            var x = null;//Define variable x
            $.ajax({
                type: "POST",
                async: false,
                url: "webservice.asmx/test",//Web service url
                data: "",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    x = msg;
                    $(".resultbox").html(msg.join(','));
                }
            });

            return x;
}