$.get() AJAX 调用无法处理服务器响应

Question

这可能有点搞笑，一开始甚至不知道如何放置标题。可能是因为工作时间过长或者我做错了什么。

我有一个文件，比如comment.php，其中包含类似于：

var params = $('form#myform').serialize();
$.get("/ajax/file.php?"+params, function(data){
    if (data == 'error') {
        $('#message').html('Error');
    } else if (data == 'success') {
        $('#message').html('Success');
    }
});

我用 firebug 进行了检查，一切正常，没有 JS 错误，正在调用文件并返回“错误”或“成功”，但仍然在 ajax 调用的主体中 data 与服务器响应不匹配。然后我改变了

if (data == 'error') {
    $('#message').html('Error');
} else if (data == 'success') {
    $('#message').html('Success');
}

与

if (trim(data) == 'error') {
    $('#message').html('Error');
} else if (data == 'success') {
    $('#message').html('Success');
}

其中 trim() 是我编写的一个函数，用于删除字符串之前或之后的所有空格。我还尝试使用被称为回显数字的文件并使用 jQuery 进行检查，例如：

if (data == 1) {
    $('#message').html('Error');
} else if (data == 'success') {
    $('#message').html('Success');
} 

没有结果。如果我只 alert(data) 一切看起来都很好。两个文件都在同一个域中。我的代码与示例中的完全一样，只是我有更多 if/else 条件，其中一个应该总是匹配（如果我查看 firebug，它会匹配）。我也尝试使用没有结果的 switch 语句。

我使用这种方法已经有一段时间了，从来没有遇到过任何问题。想法？

Answer 1

.get() 回调回调使用 3 个参数：

1. 数据
2. 状态
3. XMLHttpRequest

所以，你的方法应该有效。请务必注意大小写、标点符号和空格。

我会尝试获取有关data 的更多信息以查明问题：

var params = $('form#myform').serialize();
$.get("/ajax/file.php?"+params, function(data){    
        alert("Type: " + typeof.data +
              "\nContents: ==>" + data + "<==" +
              "\nTrim: ==>" + $.trim(data) + "<==");  // get more info
});

---

请注意，jQuery 有一个 $.trim() 函数

Answer 2

您不必像这样将序列化数据附加到查询字符串中。 $.get() 将接受三个参数，其中一个是数据的序列化（查询字符串）版本或哈希。然而，这不是你在这里的原因。

数据就是 php 页面打印出来的任何内容。您实际上是从该页面打印出“错误”或“成功”这个词吗？如果没有，那么你正在尝试做的事情是行不通的。

成功回调接受三个参数：data、textStatus（响应）和 xhr。怎么样：

$.get("/ajax/file.php", $("#myform").serialize(), function (data, status) {
   if (status == 'error') {
      $('#message').html('Error');
   }
   else if (status == 'success') {
      $('#message').html('Success');
   }
});