我使用此脚本基于具有json响应的ajax请求更新表单元格。 它没有更新指定的表格单元格。 我的json字符串格式不正确吗？
$(document).ready(function() { $('select.swcomp').change(function () { var res_id = $(this).val(); var index = $(this).data('index'); $.ajax({ type: 'POST', url:'https://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"}]
响应不是一个对象，它是一个数组，所以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);
是的你收到的json格式正确。 如果你想要检查你的json farmatted正确遵循这个网站https://jsonlint.com/它将检查你的jsonvalidation。 访问json数据https://jsontree.com/只需粘贴你的json并解析它将提供如何轻松访问数据
以上就是jQuery教程分享使用ajax json响应更新html元素相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/558041.html