jQuery ajax读取json文件内容
来源:互联网 发布:php实现提交多个订单 编辑:程序博客网 时间:2024/06/06 02:45
json文件:
[ {"name":"哈哈··","email":"邮箱01","gender":"男","hobby":["上网","打球"]}, {"name":"呵呵··","email":"邮箱02","gender":"男","hobby":["网购","打球"]} ]
<script type="text/javascript"> $(document).ready(function() { $.ajax({ //请求方式为get type:"GET", //json文件位置 url:"user.json", //返回数据格式为json dataType: "json", //请求成功完成后要执行的方法 success: function(data){ //使用$.each方法遍历返回的数据date,插入到id为#result中 $.each(data,function(i,item){ var content=item.name+","+item.email+","+item.gender+ ","+item.hobby[0]+","+item.hobby[1]+"</br>"; $("#result").append(content); }) } }) }); </script>
写一个json文件,文件名为:city.json
{"resource":{ "label":"zuanshi", "key":"1" }, "city":{ "value":"beijing", "key":"01" }}
调用json文件方法
var url="ajax/city.json"
$.getJSON(url, function( res ) {
var key="resource" var data=JSON.stringify(res[key])
var value=JSON.parse(data).key});
阅读全文
0 0
- jQuery ajax读取json文件内容
- jQuery ajax读取json文件内容
- jQuery读取JSON文件内容的例子
- jQuery ajax读取本地json文件
- jQuery ajax读取本地json文件以及跨域问题
- jQuery读取JSON文件
- JQuery读取Json文件
- jQuery读取json文件
- ajax读取本地json文件
- jQuery中读取json文件
- jQuery中读取json文件
- JQuery读取本地Json文件
- JQuery读取本地JSON文件
- JQuery读取本地JSON文件
- 使用jQuery读取json文件
- JQuery读取本地json文件
- Jquery | ajax 读取xml 文件
- php jquery Ajax 提交、读取 json
- HTML有序列表使用
- docker 应用场景
- WEB前端 -- input类型、fieldset、HTML5新标签
- JAVA架构师必备词汇和知识点
- HDU-3586-Information Disturbing
- jQuery ajax读取json文件内容
- 训练总结
- java中可达对象和不可达对象
- SEED-DIM3517实验三、四记录
- 理解SSD多盒-实时目标检测
- 【转】Spring 静态变量注入赋值,静态方法调用,静态语句块
- MySQL高可用架构之MHA实验
- 项目管理--项目知识总结
- HTML 5 样式指南和代码约定