返回JsonConvert.SerializeObject(json)[.NET处理程序]后在javascript上解析JSON

时间:2011-07-17 15:41:51

标签: javascript asp.net json parsing javascriptserializer

我正在.net平台上开发一个Web应用程序。

我写了一个Handler代码,它将JSON对象返回给Javascript(在我用AJAX请求之后)。

处理程序代码:

var wrapper = new { 
    left = left.ToString(), 
    top = top.ToString(), 
    width = width.ToString(), 
    height = height.ToString() };
context.Response.Write(JsonConvert.SerializeObject(wrapper));

在Javascript中,当我发出警报时,我看到我得到了一个对象。这很好。
但现在我想把它解析为JSON。

当我JSON.parse(msg);时收到错误

  

“JSON.parse:意外字符”

当我使用jquery-1.6.2进行jQuery.parseJSON(msg);时,我收到此错误

  

jQuery.parseJSON不是一个函数(我使用的是jquery-1.6.2)

有什么问题?

1 个答案:

答案 0 :(得分:2)

试试这个。

像这样创建一个名为TestPage.aspx的页面。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test Page</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                url: 'TestPage.aspx/GetDimensions',
                type: 'POST',
                contentType: 'application/json',
                data: '{}',
                success: function (response) {
                    // Don't forget that the response is wrapped in a
                    //  ".d" object in ASP.NET 3.5 and later.
                    var data = response.d;
                    $('#test-div').animate({
                        left: data.left + 'px',
                        top: data.top + 'px',
                        height: data.height + 'px',
                        width: data.width + 'px'
                    }, 5000, function () {
                        // Animation complete.
                    });
                }
            });
        });
    </script>
    <style type="text/css">
        #test-div
        {
            background-color:#eee;
            border: 1px solid #ccc;
            border-radius: 5px;
            height: 100px;
            left:0px;
            padding-top: 40px;
            text-align:center;
            top:0px;
            width: 100px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">

    <div id="test-div">
    This is a test div
    </div>

    </form>
</body>
</html>

在TestPage.aspx.cs上,执行此操作

using System.Web.Services;

public partial class Test1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e){/*page load eent*/}

    static int left = 50;
    static int top = 50;
    static int height = 200;
    static int width = 200;

    [WebMethod]
    public static object GetDimensions()
    {
        return new
        {
            left = left.ToString(),
            top = top.ToString(),
            width = width.ToString(),
            height = height.ToString()
        };
    }
}

希望这有帮助。

礼貌:ASP.NET web services mistake: manual JSON serialization by Dave Ward