jquery將json轉(zhuǎn)為數(shù)據(jù)字典的實例代碼
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",
//返回數(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.字典測試
//登錄按鈕的點擊事件
$("#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ù)字典的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(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進(jìn)行交互示例
- jquery拼接ajax 的json和字符串拼接的方法
相關(guān)文章
基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時
這篇文章主要介紹了基于jQuery+Cookie實現(xiàn)的防止刷新的在線考試倒計時的方法和示例,有需要的小伙伴可以參考下2015-06-06
jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效
這篇文章主要介紹了jQuery實現(xiàn)仿Alipay支付寶首頁全屏焦點圖切換特效,涉及jQuery插件jquery.kinMaxShow的相關(guān)使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡單,很實用,需要的朋友可以參考下2014-09-09
javascript 全角轉(zhuǎn)換實現(xiàn)代碼
當(dāng)客戶端用戶切換輸入法至全角時可能您的表單提交會有漏洞哦!不過事實上js有這功能 可以將其轉(zhuǎn)換為非全角字符!2009-07-07

