jquery将json转为数据字典的实例代码


Posted in jQuery onOctober 11, 2019

1.基础——定义json文件

{
 "userinfo": [
 { "account":"15639864589" , "password":"123456789" , "email":"123456789@qq.com" },
 { "account":"15652689689" , "password":"123456789" , "email":"123456789@qq.com" },
 { "account":"15635456989" , "password":"123456789" , "email":"123456789@qq.com" },
 { "account":"15632145689" , "password":"123456789" , "email":"123456789@qq.com" }
 ]
}

目录如下:

jquery将json转为数据字典的实例代码

2.ajax请求json jquery转换为数据字典

我们通过ajax请求该json文件的数据  将其转换为字典

//-----基础信息start
//用户信息字典
var userinfoDic = {};
$.ajax({
 //请求方式为get
 type:"GET",
 //json文件位置
 url:"./json/user.json",
 //返回数据格式为json
 dataType: "json",
 //请求成功完成后要执行的方法
 success: function(data){
 //使用$.each方法遍历返回的数据date
 $.each(data.userinfo,function(i,item){
 //设置根据用户账号密码找用户
 userinfoDic[item.account,item.password] = item;
 });
 }
});
//-----基础信息end

3.字典测试

//登录按钮的点击事件
$("#login").bind('click',function(){
 var account = $("#account").val();
 var password = $("#password").val();
 //
 if(account != '' && password != ''){
  if(userinfoDic[account,password]){
  window.location.href = 'index.html';
  }else{
  alert("账号或密码错误!");
  }
 }else{
 alert("账号或密码不能为空!");
 }
  
});

4.测试截图

jquery将json转为数据字典的实例代码

总结

以上所述是小编给大家介绍的jquery将json转为数据字典的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

jQuery 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
详解jQuery如何实现模糊搜索
May 10 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 #jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 #jQuery
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 #jQuery
jQuery 筛选器简单操作示例
Oct 02 #jQuery
jQuery 查找元素操作实例小结
Oct 02 #jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 #jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
You might like
第四节--构造函数和析构函数
2006/11/16 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
php生成随机数/生成随机字符串的方法小结【5种方法】
2020/05/27 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
2012/12/27 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
JavaScript中把数字转换为字符串的程序代码
2013/06/19 Javascript
利用JS实现数字增长
2016/07/28 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
jQuery实现复选框的全选和反选
2017/02/02 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
JavaScript实现音乐自动切换和轮播
2017/11/05 Javascript
小程序实现新用户判断并跳转激活的方法
2019/05/20 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
Python进程间通信Queue实例解析
2018/01/25 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
在python中利用opencv简单做图片比对的方法
2019/01/24 Python
python 获取等间隔的数组实例
2019/07/04 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
python机器学习实现决策树
2019/11/11 Python
Python3开发环境搭建详细教程
2020/06/18 Python
临床医学专业学生的自我评价分享
2013/11/21 职场文书
监察建议书范文
2014/03/12 职场文书
机电一体化专业求职信
2014/07/22 职场文书
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技