将字符串数组从ASP.NET传递给JavaScript

时间:2013-04-17 23:50:13

标签: javascript asp.net ajax json

我试图从JavaScript调用服务器端,然后将字符串数组传递回JavaScript,但遇到了问题。

// Call the server-side to get the data.
$.ajax({"url" : "MyWebpage.aspx/GetData",
        "type" : "post",
        "data" : {"IdData" : IdData},
        "dataType" : "json",
        "success": function (data)
        {
            // Get the data.
            var responseArray = JSON.parse(data.response);

            // Extract the header and body components.
            var strHeader = responseArray[0];
            var strBody = responseArray[1];

            // Set the data on the form.
            document.getElementById("divHeader").innerHTML = strHeader;
            document.getElementById("divBody").innerHTML = strBody;
        }
});

在ASP.Net服务器端,我有:

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static object GetTip(String IdTip)
{
    int iIdTip = -1;
    String[] MyData = new String[2];


    // Formulate the respnse.
    MyData[0] = "My header";
    MyData[1] = "My body";

    // Create a JSON object to create the response in the format needed.
    JavaScriptSerializer oJss = new JavaScriptSerializer();

    // Create the JSON response.
    String strResponse = oJss.Serialize(MyData);

    return strResponse;
}

我可能会混淆,因为我还是JSON的新手。

更新错误代码:

Exception was thrown at line 2, column 10807 in     http://localhost:49928/Scripts/js/jquery-1.7.2.min.js

0x800a03f6 - JavaScript运行时错误:字符无效

堆栈跟踪: 解析JSON [jquery-1.7.2.min.js]第2行

我的问题是什么?

2 个答案:

答案 0 :(得分:1)

这纯粹是出于猜测的工作。但看看这是否是你得到的: - 在Ajax调用中,您的数据类型是json,并查看返回json字符串的方法。所以你不需要做JSON.parse(data.response)。而只是看看下面是否适合你。另外,我在Json中看不到response对象,而只是一个数组。所以它必须尝试解析undefined

 var strHeader = data[0];
 var strBody = data[1];

答案 1 :(得分:1)

我将你的ajax调用脚本修改为:

// Call the server-side to get the data.
$.ajax({
    url: "WebForm4.aspx/GetTip",
    type: "post",
    data: JSON.stringify({ IdTip: "0" }),
    dataType: "json",
    contentType: 'application/json',
    success: function (data) {
        // Get the data.
        var responseArray = JSON.parse(data.d);

        // Extract the header and body components.
        var strHeader = responseArray[0];
        var strBody = responseArray[1];

        // Set the data on the form.
        document.getElementById("divHeader").innerHTML = strHeader;
        document.getElementById("divBody").innerHTML = strBody;
    }
});

请注意,我添加了contentType: 'application/json'并更改了

var responseArray = JSON.parse(data.response);

var responseArray = JSON.parse(data.d);