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

网络编程 2021-07-04 15:01www.168986.cn编程入门
这篇文章主要介绍了jquery将json转为数据字典的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

1.基础——定义json文件

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

目录如下:

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

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

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

3.字典测试

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

4.测试截图

总结

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by