在 Django 中为发布请求返回正确的响应答案

【问题标题】：Returning a proper response for post request in Django在 Django 中为发布请求返回正确的响应
【发布时间】：2011-03-20 00:26:58
【问题描述】：

<form id="login_frm" method="post" action = "/login/user_auth/"> 
    <fieldset> 
    <legend>Login:</legend> 
        <label for="id_email">Email</label> 
        <input type="text" name="email" id="id_email" /> 

        <label for="id_password">Password</label> 
        <input type="password" name="password" id="id_password" /> 

    </fieldset> 
    <input name = "login" type="submit" value="Login" /> 
</form> 


$(document).ready(function () {
    $('#login_frm').submit(function() {
            var $form = $(this);
            $.post('/login/user_auth/' , form.serialize(), function(data) {
               // alert ("function");
        alert (data);
    });
    return false;
    });
});

Django 视图：

def login_user(request):
    if request.method == 'POST':
        # perform all logic / and db access
    data = "hello"
    return HttpResponse(data)
    # return HttpResponse ('success.html')

我整个下午都被困在这个问题上。

当我返回data 作为响应时，由于某种原因，浏览器通过加载一个仅写有“Hello”的空白网页来显示“Hello”；在上面的 JavaScript 函数中，从未调用过 alert (data);（我不明白为什么）。
我无法呈现 success.html。我相信如果我在HttpResponse里面写render_to_response，我会解决这个问题的。不过，我认为让第 1 点发挥作用是首要任务。

目标

发布后，我想捕获服务器返回的响应（无论是“hello”消息，还是显示成功消息的网页 - 存储在“success.html”中）并将其显示在login_frm 的位置，无需浏览器刷新新网页。

【问题讨论】：

在普通页面中不是“hello”，而是在调用 [data = “hello” return HttpResponse(data)] 时期望返回什么？也许您应该更改现有对象而不是发送新的 HttpResponse 对象？（我的 Django 技能真的很尘土飞扬，如果这是一个无用的评论，请见谅）
我不太明白你的问题：你明确地返回了一个只有“hello”的响应，那么你为什么希望加载 HTML 和 JavaScript？
@AntiDog，我只是不希望网页被刷新，而是作为一个post方法，应该返回结果并且应该在javascript函数中执行行警报（数据）。 Yuji的解决方案修复了它，是变量名错误。

标签： django jquery

【解决方案1】：

有趣。 form 未定义（您将其定义为 $form）并更改为 $form 解决了问题。

$(document).ready(function () {
    $('#login_frm').submit(function() {
        var $form = $(this);
        $.post('/login/user_auth/' , $form.serialize(), function(data) {
           // alert ("function");
           alert (data);
       });
    return false;
    });
});

您可能希望使用event.preventDefault() 之类的东西，这样以后的错误就不会像这样对您隐藏。 $('form').submit(function(e){ e.preventDefault(); .....})

【讨论】：

谢谢，就是这样！！不敢相信这让我头疼。快速问题：当 javascript 代码中出现错误时（比如这里有一个未定义的变量），我必须等到运行时才能捕获错误？
不幸的是，如果函数在能够返回 false 之前引发错误（覆盖提交事件），表单将按预期执行：提交到 URL。这样想：你有 JavaScript 覆盖默认表单功能。当 javascript 中断时会发生什么？它永远不会覆盖提交事件。