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

传输数据代码:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第1张图片

响应结果:

只有名字的字符串


修改一次后代码:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第2张图片

响应结果为字符串:

在html中添加了console查询类型代码


解决方案:

修改代码,想办法传给html页面为类似字典的类型,方便取值

这里用的是JsonResponse,传的是json格式的字符串:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第3张图片

响应的页面:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第4张图片
只是形式上是字典
此种类型转不了,虽然样子像



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

json格式的字符串:


关键步骤:

eval在前端将 json格式的字符串 转换成 对象

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第6张图片

响应结果为对象:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第7张图片
关于ajax异步分页传输数据到页面为字符串的JS解决办法_第8张图片


修改html代码获取值显示:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第9张图片
ul 添加 id = content

页面显示效果:

关于ajax异步分页传输数据到页面为字符串的JS解决办法_第10张图片

你可能感兴趣的:(关于ajax异步分页传输数据到页面为字符串的JS解决办法)