ajax使用javascript與后臺交互，從而實現(xiàn)數(shù)據(jù)的異步加載，
這樣就可以輕松的實現(xiàn)動態(tài)網(wǎng)頁，
下面是一些例子，
views.py
def deal_ajax(request):
if request.method == 'GET':
return HttpResponse('this ajax')
if request.method == 'POST':
name = request.POST.get('name')
city = request.POST.get('city')
return HttpResponse('hello' + name + 'in' + city)
主要是javascript與后臺的交互獲得數(shù)據(jù)
ajax.html
<!DOCTYPE html>
<html>
<head>
<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
$("#btn3").click(function(){
$.get("/ajax/",function(data,status){
alert("數(shù)據(jù)：" + data + "\n狀態(tài)：" + status);
});
});
$("#btn4").click(function(){
$.post("/ajax/",
{
name:"Donald Duck",
city:"Duckburg",
csrfmiddlewaretoken: '{{ csrf_token }}',
},
function(data,status){
alert("數(shù)據(jù)：" + data + "\n狀態(tài)：" + status);
});
});
});
</script>
</head>
<body>
<p id="test">這是段落中的<b>粗體</b>文本。</p>
<button id="btn1">顯示文本</button>
<button id="btn2">顯示 HTML</button>
<button id="btn3">鏈接</button>
<button id="btn4">post</button>
</body>
</html>
獲得源碼
我的項目地址Github
