jquery獲取json數據

 需要下載jquery的js文件
html 文件的內容
 cat 1.html
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>getJSON獲取數據</title> 
<script type="text/javascript" src="jquery-1.8.2.min.js"></script> 
<style type="text/css"> 
#divframe{ border:1px solid #999; width:500px; margin:0 auto;} 
.loadTitle{ background:#CCC; height:30px;} 
</style> 
<script type="text/javascript"> 
        $(function(){ 
                $("#btn").click(function(){ 
                $.getJSON("1.json",function(data){ 
                var $jsontip = $("#jsonTip"); 
                var strHtml = "123";//存儲數據的變量 
                $jsontip.empty();//清空內容 
                $.each(data,function(infoIndex,info){ 
                        strHtml += "姓名："+info["name"]+"<br>"; 
                        strHtml += "性別："+info["sex"]+"<br>"; 
                        strHtml += "郵箱："+info["email"]+"<br>"; 
                        strHtml += "<hr>" 
                }) 
$jsontip.html(strHtml);//顯示處理后的數據 
        }) 
        })
}) 
</script> 
</head> 
<body> 
<div id="divframe"> 
<div class="loadTitle"> 
<input type="button" value="獲取數據" id="btn"/> 
</div> 
<div id="jsonTip"> 
</div> 
</div> 
</body> 
</html>

創(chuàng)新互聯公司服務緊隨時代發(fā)展步伐，進行技術革新和技術進步，經過10余年的發(fā)展和積累，已經匯集了一批資深網站策劃師、設計師、專業(yè)的網站實施團隊以及高素質售后服務人員，并且完全形成了一套成熟的業(yè)務流程，能夠完全依照客戶要求對網站進行網站建設、成都網站制作、建設、維護、更新和改版，實現客戶網站對外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯網化提供全面的解決方案。

json文件的實例內容
 
cat 1.json
[ 
{ 
"name":"張國立", 
"sex":"男", 
"email":"zhangguoli@123.com" 
}, 
{ 
"name":"張鐵林", 
"sex":"男", 
"email":"zhangtieli@123.com" 
}, 
{ 
"name":"鄧婕", 
"sex":"女", 
"email":"zhenjie@123.com" 
} 
]

新聞名稱：jquery獲取json數據
網頁網址：http://jinyejixie.com/article18/gpgsdp.html

成都網站建設公司_創(chuàng)新互聯，為您提供響應式網站、品牌網站制作、手機網站建設、服務器托管、自適應網站、營銷型網站建設

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

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery獲取json數據