#ajax_test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax</title>
<script src="/static/js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$('#btnAjax').click(function () {
$.ajax({
'url': '/ajax_handle',#请求的地址
'type': 'get', #请求的方式,默认为get
'dataType': 'json', #请求的数据格式
}).success(function (data) {
if (data.res == 1){
$('#msg').show().html('success');
}
})
})
})
</script>
<style type="text/css">
#msg{
display: none;
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<input type="button" value="ajax" id="btnAjax">
<div id="msg"></div>
</body>
</html>
#views.py
def ajax_handle(request):
return JsonResponse({'res':1})
#urls.py
url(r'^ajax_handle$',views.ajax_handle)
#请求结果