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'),

功能实现

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