在IE7中未定义JSON

时间:2011-05-24 18:18:50

标签: asp.net asp.net-mvc-3 internet-explorer-7

它在chrome,firefox和IE8中运行良好。但在IE7上出现错误。这是我的jquery onchange事件。

$('select#NationId').change(function () {
        var nationId = $(this).val();
        $.ajax({
            url: 'LoadAreas',
            type: 'POST',
            data: JSON.stringify({ nationId: nationId }),
            dataType: 'json',
            contentType: 'application/json',
            success: function (data) {
                $('select#AreaId').get(0).options.length = 0;
                $('select#AreaId').append('<option value="0">Select All</option>');
                $.each(data, function (val, Areas) {
                    $('select#AreaId').append('<option value="' + Areas.Id + '">' + Areas.Name + '</option>');
                });
            }
        });
    });

控制器

[HttpPost]
    public ActionResult LoadAreas(int nationId)
    {
        var _Areas = (from c in SessionHandler.CurrentContext.ChannelGroups
                      join cgt in SessionHandler.CurrentContext.ChannelGroupTypes on c.ChannelGroupTypeId equals cgt.ChannelGroupTypeId
                      where cgt.Name == "Area" && c.ParentChannelGroupId == nationId
                      select new AreaName() { Id = c.ChannelGroupId, Name = c.Name }).OrderBy(m => m.Name);

        if (_Areas == null)
            return Json(null);
        List<AreaName> managers = (List<AreaName>)_Areas.ToList();

        return Json(managers);
    }

4 个答案:

答案 0 :(得分:29)

问题在于the JSON object is not available in IE 7.您希望在您的网页上包含JSON2.j以用于IE&lt; 8位用户。

答案 1 :(得分:1)

如果浏览器未实现JSON对象,您始终可以使用a third-party library为您提供。如果我没记错的话,这个特定的实现被广泛使用并且遵循浏览器,所以你只需要放入它,不需要调整。

答案 2 :(得分:0)

不应该

data: { "nationId": nationId },

刚刚工作?

答案 3 :(得分:0)

$('select#NationId').change(function () {
    var nationId = $(this).val();
    var data = '{"nationId": "' + nationId + '"}';

    $.ajax({
        url: 'LoadAreas',
        type: 'POST',
        data: data ,
        dataType: 'json',
        contentType: 'application/json',
        success: function (data) {
            $('select#AreaId').get(0).options.length = 0;
            $('select#AreaId').append('<option value="0">Select All</option>');
            $.each(data, function (val, Areas) {
                $('select#AreaId').append('<option value="' + Areas.Id + '">' + Areas.Name + '</option>');
            });
        }
    });
});