這篇文章主要介紹了jquery如何將json轉(zhuǎn)為數(shù)據(jù)字典，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：申請(qǐng)域名、虛擬主機(jī)、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、羅平網(wǎng)站維護(hù)、網(wǎng)站推廣。

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
//用戶(hù)信息字典
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ù)賬號(hào)密碼找用戶(hù)
 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è)試截圖

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jquery如何將json轉(zhuǎn)為數(shù)據(jù)字典”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

分享名稱(chēng)：jquery如何將json轉(zhuǎn)為數(shù)據(jù)字典
轉(zhuǎn)載來(lái)源：http://chinadenli.net/article12/gohggc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站制作、電子商務(wù)、網(wǎng)站排名、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)