jQuery AJAX 调用总是触发成功

Question

我有这个登录表单，我在其中进行服务器端验证，现在我正在尝试进行 jQuery 验证。

sn-p 形式：

<div class="form-actions">
     <button type="submit" class="btn green pull-right">Login <i class="m-icon-swapright m-icon-white"></i></button>
</div>

jQuery sn-p:（我使用bootstrap的login.js）

submitHandler: function (form) {
    var un = $('#usernameEmail').val();
    var p = $('#pass').val();

    $.ajax({
        url:  '/admin/checkIfUsernameOrEmailExists',
        type: 'POST',
        data: {un: un, pass: p},
        success: function(data){
            form.submit();
         },
        error: function(data){
            alert("Error");
        }    
    });  
  }

函数checkIfUsernameOrEmailExists 运行良好。我在成功函数上做了一个console.log(data)（因为它总是在触发），当它必须为假时数据为假，当必须为真时为真。因此，鉴于这种情况，我对错误可能出在哪里感到困惑。

编辑

我之前尝试过但没有成功，现在我确定理论上它是正确的，正如 Ramesh 和 Keune 建议的那样......但仍然无法正常工作，也许我有什么问题并且没有意识到？没有显示错误，没有登录console.log，也没有出现警报。

submitHandler: function (form) {
     var un = $('#usernameEmail').val();
     var p = $('#pass').val();
     $.ajax({
        url:  '/admin/checkIfUsernameOrEmailExists',
        type: 'POST',
        data: {un: un, pass: p},
        success: function(data){
            if (data) {
                form.submit()
            }else{
                // console.log(data);
                alert(data);
            };
        },
        error: function(data){
            alert("Error");
        }    
        });  
       }

解决方案

正如 Blurfus 所说，我错过了“”，因此，在成功函数内部，数据比较应该针对字符串：

success: function(data){
    if (data == "true") {
        form.submit()
    }else{
        alert(data);
    };
},

Answer 1

如果我对documentation 的理解正确，您需要在success 回调函数中执行此操作

success: function(data, status, jqXHR){
   ...
} 

是的，我知道其他两个是可选的，但根据函数签名：

Function(PlainObject data, String textStatus, jqXHR jqXHR )

Data 是从服务器返回的对象，根据dataType 参数（您尚未指定）格式化，可能的值为xml, json, script, or html - 但是，它确实尝试使用智能猜测。因此，换句话说，它不能很好地处理 data 的布尔值（完全？）。

我最好的猜测是，您必须检查 String 之类的：

if(data == "TRUE"){
    form.submit();
}else{
    alert('Error');
}

还可以指定一个dataType 参数。

Answer 2

我认为您的 checkIfUsernameOrEmailExists 只是返回 TRUE 或 FALSE。如果它抛出任何错误，那么只会调用 jquery 错误。否则，它只会走向成功。如果要抛出错误，请检查 false 是否成功并警告它。

$.ajax({
        url:  '/admin/checkIfUsernameOrEmailExists',
        type: 'POST',
        data: {un: un, pass: p},
        success: function(data){
            if(data){
               form.submit();
            }else{
               alert('Error');
            }
         },
        error: function(data){
            alert("Error");
        }    
    });  

参考：JQuery Ajax