django实现局部页面刷新

模仿京东提交表单未登录跳出登陆界面功能，用jquery ajax提交表单来实现。网上有很多类似的代码，我参考了一些代码来实现自己的功能

先附上表单

<form method="post" id="formadd">
模块:<br/>
{% csrf_token %}
{{ form.model }}<br/><br/>
应用:<br/>
{{ form.application }}
{{ form.text }}
<br/><br/>
<input type="submit" value="Submit">
</form>

表单使用jquery发送post请求提交到相应的view视图函数进行处理，然后返回结果给前端页面对应的div标签。

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});
$('#formadd').submit(function(){

$.ajax({
type:"POST",
data: {'id':1},
url: "{% url 'test' %}", //后台处理函数的url
cache: false,
dataType: "html",
success: function(result){
$("#mainContent").html(result);
},
error: function(){
alert("false");
}
});
return false;
});

});
</script>

对应的view.py中的函数

def test(request):
    return render(request, 'test.html')

url.py

url(r'^test\.html$',release_views.test, name='test'),

功能实现



样子有点丑，后面再做改进