ASP.Net jQuery AJAX 调用不起作用

Question

我正在尝试为此按钮的点击事件调用代码隐藏方法：

<input type="button" id="btn_submit1" class="btn btn-default" value="Calculate" />

这里是它的 AJAX 调用：

$(document).ready(function() {

    $("#btn_submit1").click(function() {

        var msg = $("#txt_1_1").val();

        $.ajax({
            type: 'POST',
            url: 'Calc.aspx/calculate',
            data: '{sText:' + msg + '}',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            success: function(response) {
                alert("success!!");
                alert(response.d);
                $("#test").html(response.d);
            },
            failure: function(response) {
                alert(response.d);
            }
        });
    });

});

这是 WebMethod：

[System.Web.Services.WebMethod]
    public static string calculate(string sText)
    {
        System.Diagnostics.Debug.WriteLine("sText = " + sText);
        return sText;
    }

成功部分的两个警报都被调用，但第二个警报显示“未定义”，因此 div“测试”中没有显示任何内容。 我搜索了很多，但找不到代码有什么问题。

此外，Debug.WriteLine 不会在“输出”窗口中打印任何内容。在网上搜索后使用了这个，我不确定它是否是正确的打印方式。

Answer 1

响应的“.d”部分是 Microsoft 添加到 ASP.NET 3.5 以封装 JSON 对象的安全功能。您可以通过以下方式检查是否需要使用“.d”：

if (response.hasOwnProperty("d")) {
    console.log(response.d);
    var myData = $.parseJSON(response.d);
} else {
    console.log(response);
}

编辑：在这种情况下，您可能不需要使用“.d”，因为您返回的数据不是有效的 JSON，很可能是字符串。

编辑 2：从您在评论中提到的内部服务器错误看来，您的数据格式可能不正确。我只是在这里猜测，但你可以试试：

var datapackage = {
    msg: $("#txt_1_1").val()
};
var datapacked = JSON.stringify(datapackage);

然后在AJAX调用上放“data:datapacked”。