django 返回json數(shù)據(jù)，jquery獲取并且打印出來

發(fā)布時間：2020-07-21 21:06:32 來源：網(wǎng)絡閱讀：792 作者：tianshuai369 欄目：web開發(fā)

視圖代碼：

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),

設(shè)置一個模板,模板內(nèi)容如下:

<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>向頁面發(fā)送 HTTP GET 請求，然后獲得返回的結(jié)果</button>
<p></p>
</body>
</html>
<!--#####################下面的方法也能獲取到json數(shù)據(jù) ,可以理解為模板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>向頁面發(fā)送 HTTP GET 請求，然后獲得返回的結(jié)果</button>
<p></p>

頁面調(diào)試的時候建議使用火狐的firebug，很方便的！

最后附上一張效果圖

django 返回json數(shù)據(jù)，jquery獲取并且打印出來

向AI問一下細節(jié)

django 返回json數(shù)據(jù)，jquery獲取并且打印出來

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽

django 返回json數(shù)據(jù)，jquery獲取并且打印出來