Question

我正在尝试在＆＃34; index.ejs＆＃34;中进行简单的AJAX调用。来自我的js文件，名为＆＃34; script.js＆＃34;。但是，我一直收到错误。 POST http://localhost:3000/doLogin 404 (Not Found)

在index.ejs中：

<div id="login-page" data-role="page">
    <div data-role="header">
        <h1>Login</h1>
    </div>
    <div data-role="content">
        <form id="login-form" action="/doLogin" method="post">
            <input id="txtEmailLogin" type="email" placeholder="Email" required/>
            <input id="txtPasswordLogin" type="password" placeholder="Password" required/>
            <input type="submit" value="Log in"/>
        </form>
    </div>
</div>

在script.js中：

$(document).on('pageshow','#login-page', function() {
    var frm = $('#login-form');
    frm.submit(function(e) {
        var email = $('#txtEmailLogin').val();
        var password = $('#txtPasswordLogin').val();

        $.ajax({
            type     : frm.attr('method'),
            url      : frm.attr('action'), 
            data     : {
                email    : email,
                password : password
            },
            success : function(check) {
                if (check.status == 'success') {
                    alert('Welcome, '+ check.name +' !');
                    $('body').pagecontainer('change', '/profile');
                }else {
                    alert('Fail to Login');
                }
            }
        });
        e.preventDefault();
    });
});

有人可以帮助我吗？

Answer 1

$(document).on('pageshow','#login-page', function(e) {

    e.preventDefault();
var frm = $('#login-form');
frm.submit(function(e) {
    var email = $('#txtEmailLogin').val();
    var password = $('#txtPasswordLogin').val();

    $.ajax({
        type     : frm.attr('method'),
        url      : frm.attr('action'), 
        data     : {
            email    : email,
            password : password
        },
        success : function(check) {
            if (check.status == 'success') {
                alert('Welcome, '+ check.name +' !');
                $('body').pagecontainer('change', '/profile');
            }else {
                alert('Fail to Login');
            }
        }
    });
});});

使用它提及运行中的php文件名

使用AJAX提交表单时找不到返回404

1 个答案: