IE7でJSONが定義されていません

Question

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

Answer 1

問題はthe JSON object is not available in IE 7.です。JSON2.jをあなたのページに含めると、<のユーザーは8人です。

Answer 2

ブラウザはJSONオブジェクトを実装していない場合、あなたは常にあなたのためにそれを提供するために、a third-party libraryを使用することができます。私が正しくリコールすれば、この特定の実装は広く使用されており、ブラウザには依存しないので、それをドロップするだけでよいので、調整は必要ありません。

Answer 3

だけでは動作しませ

data: { "nationId": nationId }, 

べきでしょうか？

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