jquery将json转为数据字典的实例代码
人气:01.基础——定义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转为数据字典的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
- 通过jquery的ajax请求本地的json文件方法
- jQuery中ajax请求后台返回json数据并渲染HTML的方法
- jQuery实现使用sort方法对json数据排序的方法
- 轻松搞定jQuery+JSONP跨域请求的解决方案
- 利用jquery如何从json中读取数据追加到html中
- jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
- Jquery把获取到的input值转换成json
- jQuery使用JSONP实现跨域获取数据的三种方法详解
- 利用jQuery解析获取JSON数据
- jQuery Ajax前后端使用JSON进行交互示例
- jquery拼接ajax 的json和字符串拼接的方法
加载全部内容