django ajax
2017-03-11 本文已影响58人
苟雨
ajax使用javascript与后台交互，从而实现数据的异步加载，
这样就可以轻松的实现动态网页，
下面是一些例子，
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与后台的交互获得数据
ajax.html
<!DOCTYPE html>
<html>
<head>
<script src="//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("数据：" + data + "\n状态：" + status);
});
});
$("#btn4").click(function(){
$.post("/ajax/",
{
name:"Donald Duck",
city:"Duckburg",
csrfmiddlewaretoken: '{{ csrf_token }}',
},
function(data,status){
alert("数据：" + data + "\n状态：" + 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
