利用jquery如何从json中读取数据追加到html中_jquery_脚本之家

读取result.json,追加html的代码如下

append() – 在被选元素的结尾插入内容 prepend() – 在被选元素的开头插入内容
after() – 在被选元素之后插入内容 before() – 在被选元素之前插入内容

总结

3.通过$.getJSON获得Json文件的数据

$.each(JSON数组对象,function

JSON 格式

插入html内容位置:

2.准备一个json格式的文件,后缀可以不是.json

json 是 Ajax
中使用频率最高的数据格式,在浏览器和服务器中之间的通讯可离不开它。

Json数据的操作

需要特别注意的是,在 JSON 中的属性名是需要使用引号引起来的。

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

例如下面的例子:读取result.json文件的内容,存储到result变量中,结果是一个json格式

数组的对象值,可以通过$.each来获得数据:

1.下载安装jquery

JSON对象[key]来读取内容:result[‘title’],或者用result.”title”

JSON 格式说明

{ "title":"-转转2017/1/23 14:47", "starttime":"2017/1/23 15:00 45", "endtime":"2017/1/23 15:01 42", "passcount":10, "failurecount":5, "resultinfo":[ { "name":"发布", "moudle":"Publish", "pass":"true", "onecepass":"true", "log":"true" }, { "name":"登录", "moudle":"Login", "pass":"false", "onecepass":"true", "log":"asserterrorlog", "failurereason":{ "errorlog":"asserterror", "errorimg":"./登录.jpg" } } ]}

(jquery需要写在

用例名称 模块名称 是否成功 一次成功 详情
$.getJSON('./result.json',function{}

可通过下面的方法引入在线版本的js:

$:定位到标签p,其他标签同理$:定位到class

参考安装文档://www.jb51.net/zt/jquerydown.htm

4.通过.after将html内容添加到定位到的元素后面

例如下面是result.json的格式

发表评论