javascript - AJAX:单击提交按钮时加载 URL

Question

我正在尝试根据成功或错误加载/重定向另一个页面/站点。首先，它总是执行错误 block ，虽然我检查了控制台，但我在那里找不到任何错误。和其次，它不会重定向到使用“windows.location.href('URL');”指定的 URL

$(文档).ready(函数() {
$("#login-form").on("提交", function(e) {
e.preventDefault();
var name = $('#name').val();
var email = $('#email').val();
$.ajax({
类型:“发布”，
数据类型:'jsonp'，
网址:'http://localhost:8080/AppBot/AnswerHandler'，
数据:'operation=login' + '&name=' + name + '&email=' + email,
成功:功能(){
警报('成功');
},
错误:函数(){
警报('失败');
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';
        });


    });
});