【发布时间】：2009-12-08 02:05:40
【问题描述】：
我是 JavaScript 新手，正在与一些开发人员一起从事一个业余项目。我们有一个简单的页面，用于向数据库提交请求。
我决定尝试学习 JQuery，并开始在这个请求页面中实现一些 AJAX 功能。它在 FireFox、IE 和 Safari 中运行良好，但由于某些奇怪的原因，我无法让它在 Chrome 中运行。
我已经调试了几个小时了，但我不知道为什么它不起作用。这是 HTML 表单的相关部分（由于 JavaScript 删除了 post 操作）：
<form method="POST">
<input type="text" name="amount" value="0" size="7" />
<input type="submit" value="Fulfill!" /><br />
<input type="hidden" name="index" value="69" />
<input type="hidden" name="item" value="Iron Ore" />
</form>
这是它发布到的 PHP 表单：
<?php
require_once("../classes/Database.php");
$database = new Database();
$amount = $database->sanitizeString($_POST['amount']);
$index = $database->sanitizeString($_POST['index']);
$username = $database->sanitizeString($_POST['username']);
$item = $database->sanitizeString($_POST['item']);
$database->connect();
$database->setRequest($amount, $index, $username, $item);
$database->setKarma($username, $amount, $item);
?>
最重要的是，这是我的新手 JavaScript 代码，它只是在 HTML 文件中：
<script language="JavaScript">
var amount = 0;
var index = 0;
var item = 0;
var username = "";
var data = "";
$(document).ready(function(){
$("form input[type=submit]").click(function(){
amount = $(this).siblings("input[name=amount]").val();
index = $(this).siblings("input[name=index]").val();
item = $(this).siblings("input[name=item]").val();
username = "<?=$_SESSION['username']; ?>";
//var stuff = $.post("pages/ajaxfulfill.php", {amount:amount,index:index,item:item, username:username}, function(data){alert(data)}, "html");
var stuff = $.ajax(
{
url: "pages/ajaxfulfill.php",
type: "POST", data:"amount=" + amount + "&index=" + index + "&item=" + item + "&username=" + username,
success: function(data)
{
alert("Success")
},
error: function (XMLHttpRequest, textStatus, errorThrown)
{
alert("error" + XMLHttpRequest.status);
alert("error" + XMLHttpRequest.responseText);
}
}
)
$(this).parents("td").text("Submitted");
});
});
</script>
起初，我使用的是注释掉的 $.post 函数，它适用于上述浏览器。我在调试过程中尝试切换到 $.ajax 函数，发现 FF、IE 和 Safari 总是返回“成功”警报，而 Chrome 返回状态为 0 的错误和空白响应。
作为一个 JavaScript 新手，我完全不知道为什么会失败。如果有人能指出我正确的方向，我将向您致以崇高的敬意和良好的祝愿。谢谢。
【问题讨论】：
-
与问题没有直接关系，但考虑在将字符串发送到 JavaScript 之前转义字符串。在这种情况下，例如 (a) 您的代码会因任何包含撇号的用户名而中断，并且 (b) 用户将能够使用足够聪明的用户名在您的 javascript 中注入任意代码，从而利用 XSS 漏洞。
-
对不起，它不是撇号，在这种情况下它是一个引号，但其余部分仍然适用。
-
DrJokepu，感谢您指出这一点。我正在清理与 PHP 相关的内容，但完全忘记了清理与 JavaScript 相关的输入。
-
下面的好人向我展示了如何调试，但我现在更加困惑——当我调试它时，脚本运行良好。当我逐行浏览代码时，它完美无缺。当它运行时，它会失败。这是什么意思？！
-
正在服务的 XMLHttpRequest 与您因提交表单而卸载页面之间存在竞争条件。单步执行会延迟提交，直到 XHR 的响应准备好之后。
标签： javascript jquery google-chrome http-post