Django - 提交表单Ajax(更换Div)

时间:2016-05-04 15:08:17

标签: javascript jquery html ajax django

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

我有两个Div:

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

当用户点击" Connect"第一个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");
    }
});

});

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

1 个答案:

答案 0 :(得分:0)

$(this).attr("header.html")会查看您的<form>标记,并尝试查找明显不存在的<form header.html="">这样的属性(因为.无效)。

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

此外,您似乎没有向服务器发送任何data。这是正确/有意的吗?

最后,如果您使用的是Chrome / Chromium,请按Ctrl + Shift + J打开开发人员控制台,然后点击“网络”标签,查看正在发生的网络请求,正在调用的网址以及HTTP响应是。