1.基礎——定義json檔案

{
 "userinfo": [
 { "account":"15639864589" , "password":"123456789" , "email":"[email protected]" },
 { "account":"15652689689" , "password":"123456789" , "email":"[email protected]" },
 { "account":"15635456989" , "password":"123456789" , "email":"[email protected]" },
 { "account":"15632145689" , "password":"123456789" , "email":"[email protected]" }
 ]
}

目錄如下：

2.ajax請求jsonjquery轉換為資料字典

我們通過ajax請求該json檔案的資料 將其轉換為字典

//-----基礎資訊start
//使用者資訊字典
var userinfoDic = {};
$.ajax({
 //請求方式為get
 type:"GET",
 //json檔案位置
 url:"./json/user.json",
 //返回資料格式為json
 dataType: "json",
 //請求成功完成後要執行的方法
 success: function(data){
 //使用$.each方法遍歷返回的資料date
 $.each(data.userinfo,function(i,item){
 //設定根據使用者賬號密碼找使用者
 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.測試截圖

總結

以上所述是小編給大家介紹的jquery將json轉為資料字典的例項程式碼,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對碼農教程網站的支援！
如果你覺得本文對你有幫助，歡迎轉載，煩請註明出處，謝謝！