Django中Ajax的使用

　　使用form表单提交的信息，必须要刷新。因为全页面刷新，有些时候会造成较大的开销。这时候推荐使用Ajax异步模式。

首先需要导入，这里使用的是jquery-1.12.4.js，将这个文件放入static文件夹。

<script src="static/jquery-1.12.4.js"></script>

 

在HTML中，提交按钮和信息框等不要放在form中：

<div id="moda" class="modal" hide>

<p>

<input id="title" name="title" type="text" />

</p>

<input type="button" value="提交" onclick="AjaxSend();" /><span id = "errormessage"></span>

</div>

<script>

function AjaxSend():{

　　$.ajax({

　　　　url:'/add_class',

　　　　type:'POST',

　　　　data:{'title':$('#title').val()}

　　　　success:function(data){

　　　　　　//服务端处理完成后，自动调用该函数;data是服务端返回的值

　　　　　　console.log(data);

　　　　　　if(data=="OK"){  //注意data是服务端的返回值，在Django处理函数中使用return HttpResponse('OK')实现返回值。

　　　　　　　　//alert('添加成功')

　　　　　　　　location.href="/classes.html";//这样实现了跳转和刷新

　　　　　　}

　　　　　　else{

　　　　　　　　$('#errormessage').text(data);  //在span显示错误信息

　　　　　　}

　　　　}

　　})

</script>

这样就实现了异步操作。实际上，大多数情况下，添加成功后需要刷新页面。

chrome的console标签下，可以直接写JavaScript语句，并实现执行。