JSON không được xác định trong IE7

Question

Nó hoạt động tốt trong chrome, firefox và IE8. Nhưng đưa ra một lỗi trên IE7. Đây là sự kiện onchange jquery của tôi.

$('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>'); 
       }); 
      } 
     }); 
    }); 

khiển

[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); 
    } 

Answer 1

Vấn đề là the JSON object is not available in IE 7. Bạn sẽ muốn bao gồm JSON2.j s trên trang của mình cho người dùng IE < 8.

Answer 2

Nếu trình duyệt không thực hiện các đối tượng JSON, bạn luôn có thể sử dụng a third-party library để cung cấp nó cho bạn. Nếu tôi nhớ lại chính xác, việc triển khai cụ thể này được sử dụng rộng rãi và ngăn chặn trình duyệt, vì vậy bạn chỉ cần thả nó vào, không cần phải chỉnh sửa.

Answer 3

nên không

data: { "nationId": nationId }, 

chỉ làm việc?

Answer 4

$('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>'); 
      }); 
     } 
    }); 
});