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

 更新时间:2019年10月11日 09:17:00   作者:过客璇璇   我要评论
这篇文章主要介绍了jquery将json转为数据字典的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

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" }
 ]
}

目录如下:

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转为数据字典的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

相关文章

  • 源码解读jQ中浏览器兼容模块support

    源码解读jQ中浏览器兼容模块support

    jquery support主要是检测浏览器兼容性,支持力度的方法,用于展示不同浏览器各自特性和bug的属性集合。作为一个静态成员,提供给jquery内部函数,告诉他们某些功能是否能用。避免了以往通过检测浏览器版本做修改。下面我们通过源码详细解读jQ中浏览器兼容模块support。
    2016-08-08
  • jquery下将选择的checkbox的id组成字符串的方法

    jquery下将选择的checkbox的id组成字符串的方法

    jquery下将选择的checkbox的id组成字符串的方法,需要的朋友可以参考下。
    2010-11-11
  • jquery广告无缝轮播实例

    jquery广告无缝轮播实例

    这篇文章主要为大家详细介绍了jquery广告无缝轮播实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 基本jquery的控制tabs打开的数量的代码

    基本jquery的控制tabs打开的数量的代码

    用下面的方法得到当前TAB的总数量,然后进行提示。
    2010-10-10
  • 基于jQuery1.9版本如何判断浏览器版本类型

    基于jQuery1.9版本如何判断浏览器版本类型

    在jquery.1.9以前的版本,可以使用$.browser很轻松的判断浏览器的类型和版本,但是在1.9中和以后的版本中,$.browser已经被删除,下面就介绍一下如何实现此功能,希望能够给需要的朋友带来帮助
    2016-01-01
  • jQuery窗口、文档、网页各种高度的精确理解

    jQuery窗口、文档、网页各种高度的精确理解

    这篇文章主要帮助大家快速理解jQuery浏览器窗口、网页文档及可视窗口的各种高度,需要的朋友可以参考下
    2014-07-07
  • jQuery焦点控制图层展示延迟隐藏的方法

    jQuery焦点控制图层展示延迟隐藏的方法

    这篇文章主要介绍了jQuery焦点控制图层展示延迟隐藏的方法,实例分析了jQuery操作图层的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • jQuery异步上传文件插件ajaxFileUpload详细介绍

    jQuery异步上传文件插件ajaxFileUpload详细介绍

    这篇文章主要介绍了jQuery异步上传文件插件ajaxFileUpload详细介绍,本文首先讲解了ajaxFileUpload的参数、错误提示等知识,然后给出了简单使用实例和ASP.NET MVC模式下的使用实例,需要的朋友可以参考下
    2015-05-05
  • 使用jQuery的将桌面应用程序引入浏览器

    使用jQuery的将桌面应用程序引入浏览器

    jQuery 逐渐从其他 JavaScript 库选择中脱颖而出,并且成为 Web 开发人员的最佳选择。它迅速成为希望简化客户端开发和快速高效地创建富 Internet 应用程序(RIA)的程序员的首选。
    2010-11-11
  • jquery 图片轮换效果

    jquery 图片轮换效果

    重写了昨天的图片轮换,加入了自动切换效果,改变了布局,增强了可定制性,当然,还是有点小小的问题,在IE 6+,chrome,firfox3.68下测试正常运行
    2010-07-07

最新评论