Django的AJAX崗位unexpect網址

Question

我的AJAX如下：

<script> 
    $(document).ready(function() { 
     $.ajaxSetup({ 
      data: {csrfmiddlewaretoken: '{{ csrf_token }}'} 
     }); 
     $("#submit").submit(function() { 
      var title = $("#title").val(); 
      var body = $("#body").val(); 
      var images = $("#browsefile")[0].files[0]; 

      $.ajax({ 
       type: "POST", 
       data: {title: title, body: body, images: images}, 
       url: "{% url 'xxxxx' %}", 
       success: function (result, statues, xml) { 
        alert(result); 
       }, 
       error: function() { 
        alert("false"); 
       } 
      }) 
     }) 
    }) 
</script> 

和我的網址模式如下：

from django.conf.urls import url 
from django.contrib import admin 
from django.conf import settings 
from django.conf.urls.static import static 

from blog import views 

urlpatterns = [ 
    url(regex=r'^add/$', view=views.add, name='bbb'), 
    url(regex=r'^newBlog/$', view=views.addblog, name='xxxxx'), 
] 

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 

我除了阿賈克斯後數據的方法addblog，但我得到POST /add/ HTTP/1.1代替。任何人都可以告訴我我犯了什麼錯誤，謝謝！

Answer 1

嘗試在提交功能附加event.preventDefault();禁用的形式，這是遵循action屬性的默認行爲。

$("#submit").submit(function (event) { 
     event.preventDefault(); 
     var title = $("#title").val(); 
     var body = $("#body").val(); 
     var images = $("#browsefile")[0].files[0]; 
     formdata = new FormData(); 
     formdata.append("images", images); 
     formdata.append("body", body); 
     formdata.append("title", title); 

     $.ajax({ 
      type: "POST", 
      data: formdata, 
      url: "{% url 'xxxxx' %}", 
      success: function (result, statues, xml) { 
       alert(result); 
      }, 
      error: function() { 
       alert("false"); 
      } 
     }) 
     return false; 
    }) 

編輯： 根據註釋。