从asp.net项目中的html页面调用ajax请求

Question

我无法从我的 Visual Studio 项目中的 html 页面获取简单的 ajax 示例。它可以在网络表单 (aspx) 中正常工作：

... webform1.aspx 和 form1.html ...

function ShowCurrentTime() {
            alert("before json");
            $.ajax({
                type: "POST",
                url: "json.aspx/GetCurrentTime",
                data: "{name: bob }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                failure: function (response) {
                    alert(response.d);
                }

            });
            alert("after json");
        }

        function OnSuccess(response) {
            alert(response.d);
        }

... webform1.aspx 和 form1.html ...

<input id="btnGetTime" type="button" value="Show Current Time"
                   onclick="ShowCurrentTime()" />

... json.aspx ...

[WebMethod]
        public static string GetCurrentTime(string name)
        {
            return "Hello " + name + Environment.NewLine + "The Current Time is: "
                + DateTime.Now.ToString();
        }

如果我将代码放在 webform1.aspx 中，它可以正常工作。如果我把它放在 form1.html 上，json.aspx 不会返回任何内容。我正在使用 vs2013 从我的机器上以调试模式运行项目。任何帮助将不胜感激。

更新 #1

我检查了提琴手，服务器返回以下结果（500）：

{"Message":"Invalid JSON primitive: bob.","StackTrace":" at System.Web.Script.Serialization.JavaScriptObjectDeserializer.DeserializePrimitiveObject()\r\n at ...

Answer 1

您的 json 格式错误。字符串需要用引号引起来。将bob 放在引号中，您应该会很好。我不确定为什么它可以在 ASP.NET 页面上运行，除非它有引号。

function ShowCurrentTime() {
        alert("before json");
        $.ajax({
            type: "POST",
            url: "json.aspx/GetCurrentTime",
            data: "{name: \"bob\" }",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            failure: function (response) {
                alert(response.d);
            }

        });
        alert("after json");
    }

    function OnSuccess(response) {
        alert(response.d);
    }