javascript - 使用 jQuery 从 asp.net 响应中检索 JSON 值

Question

我正在做一个小项目。主要是为了获得一些理解，因为我是一个十足的网络菜鸟。这在以下问题中可能很明显，也可能不明显。

我的最终结果是从数据库中获取一堆值。将它们放入 JSON 对象中，然后使用一些 jQuery/JavaScript 来处理数据。我已经进行了大量阅读，浏览了这里的大量帖子，但我找不到与我的问题相关的内容。

我正在使用 VS2010 C# 工作。我在客户端被IE7绑定(bind)，但我可以用Firefox进行测试。我现在也在开发 localHost。

我的 JavaScript 如下。

function plotMarkers() {
var pathStart = new String(window.location);
var newPath = pathStart.replace("Default.aspx", "getMarkers.aspx");
alert(newPath);
$("#statusDiv").html('<a href="' + newPath + '">JSON Data</a>');

$.getJSON(newPath, function (data) {

    alert("Loading JSON");
    $.each(data, function (index, elem) {

        var myLatlng = new google.maps.LatLng(elem.lat, elem.lng);
        var marker = new gogle.maps.Marker({
            position: myLatlng,
            title: elem.title
        });

        marker.setMap(map);
    });

}, function () { alert("loaded") });}

我在 Firefox 中没有遇到任何 Javascript 错误，但在 IE7 中却出现了。 alert("Loading JSON") 永远不会在任何地方触发。我从来没见过。

我的 getMarkers.aspx 代码

public partial class getMarkers : System.Web.UI.Page {
    protected void Page_Load(object sender, EventArgs e) {
        JavaScriptSerializer jsonSer = new JavaScriptSerializer();

        List<marker> markerList = new List<marker>();
        markerList.Add(new marker(-34.397, 150.644, "Test"));
        markerList.Add(new marker(-50, 150.644, "Test2"));

        string sJSON = jsonSer.Serialize(markerList);
        Response.ContentType = "application/json";
        Response.Write(sJSON);
    }
}

我可以单击“statusDiv”中的链接，它会将我带到 aspx 页面。我在 IE7 中遇到错误，但在 Firefox 中工作正常。在这些页面中解析回给我的 JSON 是正确的。我将响应复制并粘贴到另一个函数中，绘图仪将两个图钉放在我的 map 上。

1. 代码好像没有进入$.getJSON函数。

2. 我的 getMarkers.aspx 设置方式存在 IE7 问题(或一般问题)。谷歌搜索了一些教程，这就是我最终的结果。我的方法可能完全错误。或者我错过了一些我应该做的事情。我似乎找不到那个具体的教程，它一定是在我疯狂的 2 天和无数的 Google 冒险中意外关闭的。

Firefox getMarkers.aspx 将 JSON 显示为第一行，后跟 html。只是浏览器中的纯文本。

IE7 显示 XML 错误并告诉我文档顶层不允许使用 JSON 字符串。我确实读过一些关于 IE7 的文章，总是试图用精心设计的解决方法来解析 XML。我不能这样做，因为我不知道有多少客户会使用它。有更好的方法来完成我正在做的事情吗？

如果有人能指出我需要走的方向，我将不胜感激。希望我的帖子不会太复杂。

Answer 1

您可能希望在页面加载方法的末尾有一个 Response.End()，这样网页的其余部分就不会在 JSON 之后呈现。