关于ajax异步分页传输数据到页面为字符串的JS解决办法

传输数据代码:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
响应结果:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
只有名字的字符串

修改一次后代码:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
响应结果为字符串:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
在html中添加了console查询类型代码

解决方案:
修改代码,想办法传给html页面为类似字典的类型,方便取值
这里用的是JsonResponse,传的是json格式的字符串: 关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
响应的页面:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
只是形式上是字典 关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
此种类型转不了,虽然样子像

修改代码,自己写个符合json字符串格式的 真·列表字典:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
【关于ajax异步分页传输数据到页面为字符串的JS解决办法】
json格式的字符串:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片


关键步骤: eval在前端将 json格式的字符串 转换成 对象 关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
响应结果为对象:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片


修改html代码获取值显示:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片
ul 添加 id = content 页面显示效果:
关于ajax异步分页传输数据到页面为字符串的JS解决办法
文章图片

    推荐阅读