jQuery ajax调用async: false与async: true

Question

我正在尝试使用jQuery ajax函数异步加载html。但出于某种原因，它只有在异步是假的情况下才起作用。我使用的是来自jQuery网站的代码样本，我不明白为什么它不能工作？我正在使用Firefox浏览器，我在IE8中尝试过，async: true在那里工作。

告警显示数据为空：

$.ajax({
                url: 'test.html',
                async: true,
                success: function (data) { alert(data); }
            });

返回的数据包含test.html的内容：

$.ajax({
                url: 'test.html',
                async: false,
                success: function (data) { alert(data); }
            });

奇怪的是，它是这样工作的：

var response =    $.ajax({
                url: 'test.html',
                async: true,
                success: function (data) { alert(data); }
            });

            alert(response);

这里发生了什么事？

Answer 1

好吧，我明白了: ajax调用是在按钮点击时触发的，但那个按钮是提交表单的，所以整个页面都在重新加载。在click事件中添加"return false;“来阻止按钮提交表单。