asp.net - JSON no está definido en IE7

asp.net-mvc-3 internet-explorer-7

Question

Funciona bien en Chrome, Firefox y IE8. Pero aparece un error en IE7. Aquí está mi evento en 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 el objeto JSON no está disponible en IE 7. JSON2.j incluir JSON2.j s en su página para los usuarios de IE <8.

Answer 2

No debería

data: { "nationId": nationId },

¿solo trabajo?

Answer 3

Si el navegador no implementa el objeto JSON, siempre puede usar JSON2.j para proporcionarlo. Si recuerdo correctamente, esta implementación en particular se usa ampliamente y se difiere al navegador, por lo que solo necesitas soltarla, sin necesidad de ajustes.

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