JSON no está definido en IE7

Question

Funciona bien en Chrome, Firefox e IE8. Pero aparece un error en IE7. Aquí está mi evento 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>'); 
       }); 
      } 
     }); 
    }); 

controlador

[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

El problema es que the JSON object is not available in IE 7. Querrá incluir JSON2.j s en su página para IE < 8 usuarios.

Answer 2

Si el navegador no implementa el objeto JSON, siempre se puede utilizar para proporcionar a third-party library por usted. Si no recuerdo mal, esta implementación en particular se usa ampliamente y difiere en el navegador, por lo que solo tiene que colocarla, no es necesario ajustarla.

Answer 3

No debería

data: { "nationId": nationId }, 

sólo el trabajo?

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