Javascript AJAX 请求问题

Question

我在执行 AJAX 的某个位时遇到问题。 这是我想要发生的方式：

我有一个表单，在按下按钮时，我想执行一小部分 Javascript（确认操作的执行），发送 AJAX 请求，然后提交表单。 我不关心 AJAX 请求的 output ，但它需要在提交表单之前运行。

按钮定义为：

<input title="Delete" onclick="return check_delete('id');" 
type="submit" name="Delete" value="Delete">

function check_delete 是：

var sure = confirm('Are you sure you want to delete this?');
if (!sure) return false;

var del = confirm('Would you like to delete related content?');
if (window.XMLHttpRequest) {
    xmlhttp=new XMLHttpRequest();
} else {
    xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
}
var url = '/del_check.php&id='+id+'&del='+del;

xmlhttp.open('GET',url,true);
xmlhttp.send();
return true;

function 运行良好，除了xmlhttp.send()部分 - 请求不会显示在 Web 服务器的日志中，也不会被执行。 玩了一下之后，我发现如果我将 function 中的最后一行更改为返回false而不是true ，我的 AJAX 开始工作，但是，由于返回值为false ，表单没有被提交。

我错过了什么？

Answer 1

这一行：

xmlhttp.open('GET',url,true);

表示您正在发出异步请求（ MSDN ， W3C ）。 该请求由您的代码发起，但您的代码不会阻止等待它完成（这通常是一件好事^tm ）。

但是，当您提交表单时，该页面将被拆除并替换为表单提交的结果。 任何未完成或排队的 ajax 请求都将被中止，甚至永远不会启动。

您可以通过将true更改为false来使请求同步（阻塞），但随后您将锁定页面（最好的情况）或浏览器（最坏的情况），直到该请求完成，这并不理想。

替代方法是避免完全执行 ajax 请求，或者取消表单提交，等待 ajax 响应（即使您不关心它），然后以编程方式提交表单（通过HTMLFormElement#submit — 例如，调用submit在form的 DOM 元素上）。 如果您执行第二个，请注意您单击的按钮不会包含在表单数据中，除非您手动插入它，因为该按钮不再提交表单。