使用ajax json响应更新html元素

我使用此脚本基于具有json响应的ajax请求更新表单元格。 它没有更新指定的表格单元格。 我的json字符串格式不正确吗？

$(document).ready(function() { $('select.swcomp').change(function () { var res_id = $(this).val(); var index = $(this).data('index'); $.ajax({ type: 'POST', url:'http://skiweather.eu/v3/ajax/compare_snow.php', data: '{ "res_id":"' + res_id + '", "index":"' + index + '" }', contentType: 'application/json; charset=utf-8', dataType: 'json', success: function (response) { $('#destin_' + index).html(response.resort); $('#snowval_' + index).html(response.snow_valley); $('#snowmnt_' + index).html(response.snow_mountain); } }); return false; }); }); 

HTML

   resorts Adelboden Davos  
 
res
 
val
 
mnt
  

JSON

 var response =[{"snow_valley":"40","snow_mountain":"40","resort":"Adelboden"}] 

Answer 1

响应不是一个对象，它是一个数组，所以response.resort是未定义的，它应该是response[0].resort

 $('#destin_' + index).html(response[0].resort); $('#snowval_' + index).html(response[0].snow_valley); $('#snowmnt_' + index).html(response[0].snow_mountain); 

Answer 2

是的你收到的json格式正确。 如果你想要检查你的json farmatted正确遵循这个网站http://jsonlint.com/它将检查你的jsonvalidation。 访问json数据http://jsontree.com/只需粘贴你的json并解析它将提供如何轻松访问数据