簡體   English   中英

Ajax錯誤未加載消息

[英]Ajax error not loading message

單擊我的login.html上的“提交”按鈕時,我收到一條未加載錯誤消息。 我對此沒有太多經驗,也沒有錯誤消息指出要解決的方向。 我有我的login.html

<body>
    <div id="log">
    <h2>Login</h2>
    <form method="post" action="login" class="form-1" accept-charset="utf-8" onsubmit="sendAjax()">
        <input type="text" name="username" id="username" placeholder="Username"/><br/>
        <input type="password" name="password" id="password" placeholder="Password"/><br/>
        <input type="submit" value="Sign In"/>
    </form>
    </div>
</body>

在我的index.html中被稱為div

$('#login').click(function(e){ 
$('#map-canvas').addClass("hidden");
$('#dMain').removeClass("hidden");
$('#dMain').load('html/login.html');
e.preventDefault();

我的登錄servlet

    response.setContentType("text/html;charset=UTF-8");
    PrintWriter out = response.getWriter();

    String username = request.getParameter("username");
    String password = request.getParameter("password");

    if(databaseConnection.checkUser(username, password))
    {
        RequestDispatcher rs = request.getRequestDispatcher("Welcome");
        rs.forward(request, response);
    }
    else
    {
        out.println("Username or Password incorrect");
        RequestDispatcher rs = request.getRequestDispatcher("login.html");
        rs.include(request, response);
    }
}

和我的ajax功能

function sendAjax(){
    var article = new Object();
    article.username = $('#username').val();
    article.password = $('#password').val();

    $ajax({
        url: "http://localhost:8080/FishingTrax/LoginServlet",
        type: 'POST',
        dataType: 'json',
        data: JSON.stringify(article),
        contentType: 'application/json',
        mimeType: 'application/json',

        success: function (data) {

        },
            error:function(data,status,er) {
                alert("error: "+data+" status: "+status+" er:"+er);
                }
    });
};

我的代碼有兩個問題,在sendAjax()之前缺少返回值。 定義Ajax問題是由於缺少$ ajax中的句號,因此應該是$ .ajax

function sendAjax(){
var article = new Object();
article.username = $('#username').val();
article.password = $('#password').val();

$.ajax({
    url: "http://localhost:8080/FishingTrax/LoginServlet",
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(article),
    contentType: 'application/json',
    mimeType: 'application/json',

    success: function (data) {

    },
        error:function(data,status,er) {
            alert("error: "+data+" status: "+status+" er:"+er);
            }
});

};

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM