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 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
jQuery Tree Multiselect使用详解
May 02 jQuery
jQuery实现div跟随鼠标移动
Aug 20 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
jQuery.form.js的使用详解
Jun 14 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jQuery实现日历效果
Sep 11 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
zend api扩展的php对象的autoload工具
2011/04/18 PHP
php不写闭合标签的好处
2014/03/04 PHP
php判断是否为json格式的方法
2014/03/04 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
PHP实现对数组分页处理实例详解
2017/02/07 PHP
js用图作提交按钮或超连接
2008/03/26 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
2013/10/11 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
JQuery Ajax WebService传递参数的简单实例
2016/11/02 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
学生喝酒检讨书
2014/02/06 职场文书
初中军训感想300字
2014/03/05 职场文书
学习保证书100字
2015/02/26 职场文书
Python机器学习之决策树和随机森林
2021/07/15 Javascript
js不常见操作运算符总结
2021/11/20 Javascript