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

相关文章

  • 鼠标经过出现气泡框的简单实例

    鼠标经过出现气泡框的简单实例

    下面小编就为大家带来一篇鼠标经过出现气泡框的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • jQuery each函数源码分析

    jQuery each函数源码分析

    jquery each函数的使用频率非常高,下面给大家介绍jQuery each函数源码分析,一起看看吧
    2016-05-05
  • a标签跳转到指定div,jquery添加和移除class属性的实现方法

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    下面小编就为大家带来一篇a标签跳转到指定div,jquery添加和移除class属性的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JQuery事件委托(适用于给动态生成的脚本元素添加事件)

    JQuery事件委托(适用于给动态生成的脚本元素添加事件)

    jq写了点击事件,是通过获取元素的类名被点击后执行对应方法,但是研发套完模板,他会把所有的结构先清空,导致jq根本找不到那个元素,所以事件就不得执行了,需要的朋友可以参考下
    2020-02-02
  • jquery.validate的使用说明介绍

    jquery.validate的使用说明介绍

    本文是对jquery.validate的使用进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 精心收集的jQuery常用的插件1000

    精心收集的jQuery常用的插件1000

    花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。感谢大家的支持。
    2011-05-05
  • 详解jQuery-each()方法

    详解jQuery-each()方法

    这篇文章主要介绍了jQuery-each()方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 分析了一下JQuery中的extend方法实现原理

    分析了一下JQuery中的extend方法实现原理

    这篇文章主要介绍了通过jQuery.extend的源码分析了一下JQuery中的extend方法实现原理以及使用方式,非常的详细,这里推荐给大家,有需要的小伙伴来参考下吧。
    2015-02-02
  • IE6下opacity与JQuery的奇妙结合

    IE6下opacity与JQuery的奇妙结合

    在群里看见有人贴出一个页面问opacity不支持IE6,有什么好的支持方法没。贴出第一眼就发现用了jq库,当场就想到了支持的。 但很多人回答用CSS滤镜,当我看到这个答案的时候。有些很吃惊。难道大家都不知道JQ是支持opacity兼容IE6+的吗? 开始他们都不相信。JQ怎么配合使用。于是就写了一个简单的代码给他们。
    2013-03-03
  • JQuery基于FormData异步提交数据文件

    JQuery基于FormData异步提交数据文件

    这篇文章主要介绍了JQuery基于FormData异步提交数据文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09

最新评论