Question

我有一个像这样的表格

    <form id="logReg" action="<?php echo $url?>" method="post">
    <input name="im_user" type="text" class="valores" id="im_user" placeholder="Email" style="height:35px; font-size:16px;" maxlength="255" />
    <input name="im_password" type="password" class="valores" placeholder="Contrase&ntilde;a" style="height:35px; font-size:16px;" id="im_password" />
    <input name="inputAds" type="submit" value="Ingresar" />
</form>

是一个登录表单。然后我使用Jquery的Post（）方法将登录详细信息发送到服务器一切正常。但问题是在我调试post方法的响应时在控制台中。我看到我的密码和ID是可见的。

Ajax脚本是

$("#logReg").submit(function (event) {
    // Stop form from submitting normally
    event.preventDefault();
     console.log("request being sent");
    // Get some values from elements on the page:
    var $form = $(this),
        im_user = $form.find("input[name='im_user']").val(),
        im_password = $form.find("input[name='im_password']").val(),
        url = $form.attr("action");
    // Send the data using post
    var posting = $.post(url, {
        im_user: im_user,
        im_password: im_password
    });
    //Put the results in a div
    posting.done(function (data) {
        var content = $(data).find("#content");
        $("#logRegResult").empty().append(content);
    });

});

我是Ajax方法的新手。任何人都可以解释我如何隐藏密码和id在控制台中显示。

谢谢

Answer 1

当你为变量赋值时，会执行左手代码，然后将最终值赋给变量。

在这种情况下，它是已发送请求的jQuery post对象，没有指定的回调。您应该像这样指定回调。

var posting = $.post(url, {
    im_user: im_user,
    im_password: im_password
}).done(function (data) {
    var content = $(data).find("#content");
    $("#logRegResult").html(content);
});

* 注意：正如其他人所说，这不是发送密码的安全方法。

另外，对于我来说，在返回数据中使用id来查找元素似乎有点奇怪。确保该部件实际正常运行。您可能希望html在从服务器发回之前进行正确格式化。

使用Jquery POST（）方法无法正常工作

1 个答案: