jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實例代碼
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轉(zhuǎn)換為數(shù)據(jù)字典
我們通過ajax請求該json文件的數(shù)據(jù) 將其轉(zhuǎn)換為字典
//-----基礎信息start //用戶信息字典 var userinfoDic = {}; $.ajax({ //請求方式為get type:"GET", //json文件位置 url:"./json/user.json", //返回數(shù)據(jù)格式為json dataType: "json", //請求成功完成后要執(zhí)行的方法 success: function(data){ //使用$.each方法遍歷返回的數(shù)據(jù)date $.each(data.userinfo,function(i,item){ //設置根據(jù)用戶賬號密碼找用戶 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.測試截圖
總結(jié)
以上所述是小編給大家介紹的jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
- 通過jquery的ajax請求本地的json文件方法
- jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
- jQuery實現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法
- 輕松搞定jQuery+JSONP跨域請求的解決方案
- 利用jquery如何從json中讀取數(shù)據(jù)追加到html中
- jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
- Jquery把獲取到的input值轉(zhuǎn)換成json
- jQuery使用JSONP實現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
- 利用jQuery解析獲取JSON數(shù)據(jù)
- jQuery Ajax前后端使用JSON進行交互示例
- jquery拼接ajax 的json和字符串拼接的方法
相關文章
基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時
這篇文章主要介紹了基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時的方法和示例,有需要的小伙伴可以參考下2015-06-06jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效
這篇文章主要介紹了jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實用,需要的朋友可以參考下2014-09-09javascript 全角轉(zhuǎn)換實現(xiàn)代碼
當客戶端用戶切換輸入法至全角時可能您的表單提交會有漏洞哦!不過事實上js有這功能 可以將其轉(zhuǎn)換為非全角字符!2009-07-07