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

功能實現

樣子有點醜，後面再做改進