jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實(shí)例代碼
1.基礎(chǔ)——定義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)換為字典
//-----基礎(chǔ)信息start //用戶信息字典 var userinfoDic = {}; $.ajax({ //請求方式為get type:"GET", //json文件位置 url:"./json/user.json", //返回?cái)?shù)據(jù)格式為json dataType: "json", //請求成功完成后要執(zhí)行的方法 success: function(data){ //使用$.each方法遍歷返回的數(shù)據(jù)date $.each(data.userinfo,function(i,item){ //設(shè)置根據(jù)用戶賬號密碼找用戶 userinfoDic[item.account,item.password] = item; }); } }); //-----基礎(chǔ)信息end
3.字典測試
//登錄按鈕的點(diǎn)擊事件 $("#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ù)字典的實(shí)例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
- 通過jquery的ajax請求本地的json文件方法
- jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
- jQuery實(shí)現(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實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
- 利用jQuery解析獲取JSON數(shù)據(jù)
- jQuery Ajax前后端使用JSON進(jìn)行交互示例
- jquery拼接ajax 的json和字符串拼接的方法
相關(guān)文章
jQuery 實(shí)現(xiàn)評論等級好評差評特效
本文主要介紹如何實(shí)現(xiàn)類似淘寶好評差評的效果,需要的小伙伴直接拿去用吧。2016-05-05基于jQuery+Cookie實(shí)現(xiàn)的防止刷新的在線考試倒計(jì)時(shí)
這篇文章主要介紹了基于jQuery+Cookie實(shí)現(xiàn)的防止刷新的在線考試倒計(jì)時(shí)的方法和示例,有需要的小伙伴可以參考下2015-06-06jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Alipay支付寶首頁全屏焦點(diǎn)圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實(shí)用,需要的朋友可以參考下2014-09-09jquery中checkbox使用方法簡單實(shí)例演示
這篇文章主要介紹了jquery中checkbox使用方法簡單實(shí)例演示,感興趣的小伙伴們可以參考一下2015-11-11javascript 全角轉(zhuǎn)換實(shí)現(xiàn)代碼
當(dāng)客戶端用戶切換輸入法至全角時(shí)可能您的表單提交會有漏洞哦!不過事實(shí)上js有這功能 可以將其轉(zhuǎn)換為非全角字符!2009-07-07