django返回json數據，jquery獲取并且打印出來

視圖代碼：

成都創新互聯公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網站、網站建設、外貿營銷網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的南潯網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

import json
 
def test(request):
    pie_list = [[u'北京',50],[u'上海',20],[u'廣州',30]]
    t_country = [u'北京',u'上海',u'廣州']
    t_country_count = [50,20,30]
    data_dic = {'pie_g':pie_list,'t_country':t_country,'t_county_count':t_country_count}
     
    return HttpResponse(json.dumps(data_dic))
模板視圖：

def moban(request):
    return  render_to_response('moban.html')

django URL配置

url(r'^test/$', test),
url(r'^moban/$', moban),

設置一個模板,模板內容如下:

<html>
<head>
<script type="text/javascript" src="/static/js/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("/test/",function(data,status){
        $("p").append(data + "</br>");
    });
  });
});
</script>
</head>
<body>
<button>向頁面發送 HTTP GET 請求，然后獲得返回的結果</button>
<p></p>
</body>
</html>
<!--#####################下面的方法也能獲取到json數據 ,可以理解為模板2-->
<script type="text/javascript" src="/static/js/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function() {
  $("button").click(function(){
    $.getJSON('/test/', { }, function (data) {
        $("p").append(data.pie_g + "</br>"  +data.t_country + "</br>"+ data.t_county_count)
    });
  });
});
</script>
<button>向頁面發送 HTTP GET 請求，然后獲得返回的結果</button>
<p></p>

頁面調試的時候建議使用火狐的firebug，很方便的！

最后附上一張效果圖

django 返回json數據，jquery獲取并且打印出來

文章題目：django返回json數據，jquery獲取并且打印出來
當前路徑：http://www.2m8n56k.cn/article36/jgecsg.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、網站維護、手機網站建設、企業建站、品牌網站建設、網站設計公司

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

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

django返回json數據，jquery獲取并且打印出來