jquery - Jquery发送post后Ajax会自动刷新DOM吗？

Question

我刚刚开始使用 Ajax，但我并没有完全迷失……不确定它到底是如何工作的。

我认为 Ajax 发送(例如发布)到服务器并返回 x 数据，但该数据会自动添加到 DOM(无需重新加载页面)。我有以下 jquery ajax 脚本:

$.ajax({
    method: "POST",
    url: "/url",
    data: { 
        'varname': varname, 
        'varname2': varname2
        // etc
    }
});

return false;

我刚刚了解到(但不知何故我已经预料到了这一点...)它返回的是内部数据，并且它不与浏览器(当前)DOM 或 html 同步。我做了一个警报(数据)并看到了全新的 html 编译代码:

}).done(function(data) {
    alert(data);
});

return false;

问题是:我该如何将我需要的数据添加到当前的 html 中。我的意思是，如果发送的变量触发新脚本(并生成新内容)，我该如何放置新内容、刷新或更新旧内容？

Answer 1

Ajax 只是一个术语，指的是从 JavaScript 发出 HTTP 请求而不加载新页面的过程。

I just learned (but somehow I already was expecting this...) that what it returns is inside data and it's not synced with the browser (current) DOM or html.

正确。这些数据可供 JavaScript 使用，以便您的代码可以用它做任何您喜欢的事情。

The question is: how am I supposed to add what I need from data to the current html.

DOM 操作。

jQuery 提供了许多方法来帮助实现这一点，包括 replaceWith和 append .