Django - 提交表单 Ajax（替换 Div）

Question

在我谈论我的话题之前，我想说我的英语不好，但如果对你有帮助，我可以给你更多的细节。

我有两个 Div：

• 来自 index.html 的连接表单（电子邮件 + 密码）
• 用户从 header.html 连接时的菜单

当用户点击“连接”时，第一个 Div 应该被另一个页面中的第二个 Div 替换。

这里是代码。我是编程初学者，但我在网上尝试了很多解决方案，但效率不够^^'

  $('#loginForm').submit(function(e){
  e.preventDefault();
  $.ajax({
      url:$(this).attr("header.html"),
      type: "POST",
      dataType: "html",
      success: function(data){
        var url = 'header.html';
        $('#member-space').html(data);
        //$('#member-space').load(url + '#member-space');
        $('#loginForm').remove();
        console.log("success")
    },
     error: function(er) {  console.log("error");
    }
});

});

如果您对代码有一些想法，我会很乐意学习它:)

Answer 1

此$(this).attr("header.html") 将查看您的<form> 标签并尝试查找类似<form header.html=""> 的属性，该属性显然不存在（因为. 无效）。

您可能正在寻找<form action="header.html">，即正在提交的表单的action 属性。那将是$(this).attr("action")。

另外，您似乎没有向服务器发布任何data。这是正确的/故意的吗？

最后，如果您使用的是 Chrome/Chromium，请按 Ctrl+Shift+J 打开开发者控制台，然后单击“网络”选项卡以查看正在发生的网络请求、正在调用的 URL 以及HTTP 响应是。