JavaScript讀取本地json文件


今天調試了一上午,通過jQuery讀取本地json文件總是失敗,始終找不出原因,各種方法都試了

開始總以為是不是json格式的問題。高了半天不行

后來讀了一個blog發現用的,json.txt文件,試想,是不是改改后綴名也行。於是將后綴名改為.txt,發現ok了

什么原因?tnnd,老子也不知道

json文件,復制粘貼過去到文件就可以了。如果要標准點的就下載個json文件編輯器。format一下,再粘貼過去。

[   
{   
"name":"張國立",   
"sex":"男",   
"email":"zhangguoli@123.com"   
},   
{   
"name":"張鐵林",   
"sex":"男",   
"email":"zhangtieli@123.com"   
},   
{   
"name":"鄧婕",   
"sex":"女",   
"email":"zhenjie@123.com"   
}   
]   

讀取文件的代碼,當然,你要下載一個jQuery.js文件到你的頁面目錄下

<!DOCTYPE HTML>  
<html>  
<head>  
<meta charset="UTF-8" />  
<title>MODEL PAGE</title>  
<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript">  
    var Ajax = function ()  
    {  
        $.getJSON ("js/userinfo.txt", function (data)  
        {  
            $.each (data, function (i, item)  
            {  
                $ ("#disp").append ("<h3>" + item.name + "</h3>");  
                $ ("#disp").append ("<p>" + item.sex + "</p>");  
                $ ("#disp").append ("<p>" + item.email + "</p>");  
            });  
        });  
    }  
</script>  
</head>  
<body>  
    <input type="button" value="Ajax提交" onclick="Ajax();" />  
    <div id="disp"></div>  
</body>  
</html>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM