jQuery ajax读取本地json文件的实例


Posted in jQuery onOctober 31, 2017

json文件

{
  "first":[
    {"name":"张三","sex":"男"},
    {"name":"李四","sex":"男"},
    {"name":"王武","sex":"男"},
    {"name":"李梅","sex":"女"}
  ]
}

js:

方法一:

$.ajax({
  url: "ceshi.json",//json文件位置
  type: "GET",//请求方式为get
  dataType: "json", //返回数据格式为json
  success: function(data) {//请求成功完成后要执行的方法 
    //each循环 使用$.each方法遍历返回的数据date
    $.each(data.first, function(i, item) {
      var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div>';
      document.write(str);
    })
  }
})

方法二:

jQuery.getJSON()是jQuery.ajax()函数的简写形式

// jQuery.getJSON( url [, data ] [, success ] )
$.getJSON("ceshi.json", "", function(data) {
    //each循环 使用$.each方法遍历返回的数据date
    $.each(data.first, function(i, item) {
      var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div>';
      document.write(str);
    })
});

以上这篇jQuery ajax读取本地json文件的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
jquery实现简单实用的轮播器
May 23 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
jQuery实现列表的增加和删除功能
Jun 14 jQuery
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery读取本地的json文件(实例讲解)
Oct 31 #jQuery
Vue中正确使用jQuery的方法
Oct 30 #jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 #jQuery
原生JS与jQuery编写简单选项卡
Oct 30 #jQuery
简单实现jQuery弹窗效果
Oct 30 #jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 #jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 #jQuery
You might like
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
浅析vue数据绑定
2017/01/17 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
详解javascript设计模式三:代理模式
2019/03/25 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
python str与repr的区别
2013/03/23 Python
python33 urllib2使用方法细节讲解
2013/12/03 Python
Python写的贪吃蛇游戏例子
2014/06/16 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python 将pdf转成图片的方法
2018/04/23 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
Python常用特殊方法实例总结
2019/03/22 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python读取ini配置文件过程示范
2019/12/23 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
Notino法国:购买香水和化妆品
2019/04/15 全球购物
西安当代医院管理研究院笔试题
2015/12/11 面试题
大学生蛋糕店创业计划书
2014/01/13 职场文书
教育技术学专业职业规划书
2014/03/03 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
实习生矿工检讨书
2014/10/13 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
2021/07/01 HTML / CSS