jQuery读取本地的json文件(实例讲解)


Posted in jQuery onOctober 31, 2017

最近写项目需要读取本地的json文件,然后悲催的发现前端新手的我居然不会,查查找找发现这东西并不难,但是应该是比较常用的,毕竟json太好用了!

我是直接用的 jquery 实现的,但是 Ajax 也可以,不过我用的Ajax的简约版 $.getJSON(url,function);

代码如下:

function getScenemapData(){
var jsondata={};
$.getJSON("../server/php/files/scenedesc.json", function (data,status){
console.log(“是是不是成功读到数据”+status);
if( status=='success'){
jsondata = data;
//在这里可以调用函数
dosomething();
return jsondata;
}else{
console.log("没有读取到本地文件:"+status);
return false;
}
})
}

status:这个参数示范户状态的啦,如果成功堵到了json数据,就会返回success,如果返回额不是IDE话,就代表有问题了,可以根据打印的状态查找一下原因!

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

jQuery 相关文章推荐
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jquery实现抽奖功能
Oct 22 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
jQuery实现的简单前端搜索功能示例
Oct 28 #jQuery
You might like
PHP实现服务器状态监控的方法
2014/12/09 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
JS DOM实现鼠标滑动图片效果
2020/09/17 Javascript
Struts2+jquery.form.js实现图片与文件上传的方法
2016/05/05 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
使用ng-packagr打包Angular的方法示例
2018/09/21 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
python中的lambda表达式用法详解
2016/06/22 Python
Python面向对象程序设计示例小结
2019/01/30 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
Delphi笔试题
2016/11/14 面试题
大学生求职简历的自我评价
2013/10/14 职场文书
挂靠协议书范本
2014/04/22 职场文书
员工薪酬激励方案
2014/06/13 职场文书
驻村工作先进事迹
2014/08/14 职场文书
实习证明格式范文
2014/10/14 职场文书
2015年双拥工作总结
2015/04/08 职场文书
学习经验交流会策划书
2015/11/02 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python