我正在构建一个通过AJAX发送消息的聊天室。每当我使用data:参数点击enter时，它都会返回一个错误，但如果我删除data:，它不会执行任何操作。这很令人费解，我想知道我做错了什么。这是我所拥有的：
$("#form").bind("keypress", function(e) {
if (e.keyCode == 13) {
$.ajax({
type: 'POST',
url: "send-message.php",
data: "message="+$("#message").val()+"&user="+$("#user").val()+"&room="+$("#room").val(),
success: $("#message").val(""),
error: $("#message").val("FAIL"),
});
return false;
}
});
我在AJAX调用中使用了PHP，所以我不知道这是否是问题的根源？
试试这个：
...
$.ajax({
type: 'POST',
url: "send-message.php",
data: {message: $("#message").val(), user: $("#user").val(), room: $("#room").val()},
success: function() { $("#message").val(""); },
error: function() { $("#message").val("FAIL"); }
});
...
在上述代码中：
a） 以JSON形式发送的数据-这将确保jQuery根据需要正确执行任何url编码和转义
b） 成功和错误选项必须是回调函数
我这样做只是为了检查它是否能正确获取所有数据：
var data = {
message: $('#message').val(),
user: $('#user').val
};
console.log(data);
您需要更改以下行：
success: $("#message").val(""),
error: $("#message").val("FAIL"),
至
success: function () { $("#message").val("") },
error: function () { $("#message").val("FAIL") // removed trailing comma
我将您的处理程序封装在一个函数中，并删除了尾部逗号。
您可以将对象传递到数据中，jQuery负责将其转换为您发出的请求类型的正确形式，在这种情况下是POST：
$("#form").bind("keypress", function(e) {
if (e.keyCode == 13) {
$.ajax({
type: 'POST',
url: "send-message.php",
data: {
message: $("#message").val(),
user: $("#user").val(),
room: $("#room").val()
},
success: function () {
$("#message").val("");
},
error: function () {
$("#message").val("FAIL");
},
});
return false;
}
});
此外，error和success是回调，因此如果希望调用它，则需要提供一个函数，而不是字符串。为您修复了它。
如果您想在POST中传递数据，您应该使用javascript key:value格式（或JSON格式）。
在中输入以下内容
data: {"message": $("#message").val(),"var2":variable}
和提示
...
data: $("#form").serialize();
...