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 相关文章推荐
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 jQuery
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery实现二级导航菜单的示例
Sep 30 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 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
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
js原生方法被覆盖,从新赋值原生的方法
2018/01/02 Javascript
前端axios下载excel文件(二进制)的处理方法
2018/07/31 Javascript
详解VUE项目中安装和使用vant组件
2019/04/28 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
Python3读取zip文件信息的方法
2015/05/22 Python
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
Python读写文件基础知识点
2019/06/10 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
pycharm激活码2020最新分享适用pycharm2020最新版亲测可用
2020/11/22 Python
Java语言程序设计测试题改错题部分
2014/07/22 面试题
毕业生个人求职信范例分享
2013/12/17 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书
物业保安辞职信
2015/05/12 职场文书