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