AJAX：點擊提交按鈕上的加載URL

Question

我試圖加載/重定向另一個頁面/網站取決於成功或錯誤。 首先它總是執行錯誤塊，雖然我檢查了控制台我找不到任何錯誤。 其次，它不會重定向到使用“windows.location.href（'URL'）;”指定的URL。

$(document).ready(function() { $("#login-form").on("submit", function(e) { e.preventDefault(); var name = $('#name').val(); var email = $('#email').val(); $.ajax({ type: 'POST', dataType: 'jsonp', url: 'http://localhost:8080/AppBot/AnswerHandler', data: 'operation=login' + '&name=' + name + '&email=' + email, success: function() { alert('Success'); }, error: function() { alert('Failure'); window.location.href = 'https://www.google.com'; } }); }); });

Answer 1

試試這個

$(document).ready(function(){
    $("#login-form").on("submit",function(e){
        e.preventDefault();
        var name = $('#name').val();
        var email = $('#email').val();
       $.ajax({
          method: "POST",
          url: "http://localhost:8080/AppBot/AnswerHandler",
          data: { operation: 'login', name: name, email:email}
        })
          .done(function( msg ) {
            alert('Success');
          });
    });
});

Answer 2

修改你的代碼，如下所示修復you had typo error in window.loaction.href輸入拼寫錯誤的you had typo error in window.loaction.href ：

$(document).ready(function() {
    $("#login-form").on("submit", function(e) {
        e.preventDefault();
        var name = $('#name').val();
        var email = $('#email').val();

        var request = $.ajax({
            method: "POST",
            type: 'POST',
            dataType: 'jsonp',
            url: 'http://localhost:8080/AppBot/AnswerHandler',
            //pass your data as an array
            data: { operation : 'login', name : name, email: email },
            beforeSend: function ( xhr ) {
                //$('#loading').show();
            }
        });

        request.done(function( response ) {                

            console.info('Success');
            console.log(response);
        });

        request.fail(function( jqXHR, textStatus ) {
            alert( "Color request failed: " + textStatus );
            window.location.href = 'https://www.google.com';
        });


    });
});