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

如下修改您的代码以修复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';
        });


    });
});

Answer 2

试试这个

$(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');
          });
    });
});