1.編輯 views.py
在 views.py 中 增加一個(gè) try_reqwest 方法,因?yàn)閿?shù)據(jù)是在前端靠 reqwest.js 獲取,所以這里的 context 為空 {}酣难。
def try_reqwest(request):
return render(request, 'try_reqwest.html', {})
2.分配 url
編輯 url.py,分配一個(gè)網(wǎng)址來(lái)展示 try_reqwest
……
# 從 view 中引入 try_reqwest 方法
from library.views import try_reqwest
urlpatterns = [
url(r'^admin/', admin.site.urls),
……
# 給 try_reqwest 分配網(wǎng)址
url(r'^try_reqwest', try_reqwest),
]
3.編寫(xiě)前端
編輯 templates 文件夾中的 try_reqwest.html:
<!DOCTYPE html>
<!-- 靜態(tài)文件標(biāo)簽 -->
{% load staticfiles %}
<html>
<head>
<title>try_reqwest</title>
<script type="text/javascript" src="{% static "js/reqwest.js" %}"></script>
</head>
<!-- verbatim 標(biāo)簽竖慧,表示該標(biāo)簽內(nèi)的內(nèi)容不是用django渲染 -->
{% verbatim %}
<body>
<script type="text/javascript">
var bookList = {};
reqwest({
url:'http://127.0.0.1:8000/api/book/', // 請(qǐng)求的url
type:"json", // 請(qǐng)求的格式:json
method:"get", // 請(qǐng)求的方法:get
// 請(qǐng)求成功或執(zhí)行的方法疲吸,這里保存在bookList中
success:function (resp) {
bookList = resp
}
})
</script>
</body>
{% endverbatim %}
</html>
4.測(cè)試
打開(kāi):http://127.0.0.1:8000/try_reqwest , 點(diǎn)開(kāi) console 控制臺(tái)狮惜,輸入:bookList 試試:
說(shuō)明成功從 api 中獲取數(shù)據(jù)了高诺。