javascript - AJAX 如何在不重新加载页面的情况下工作？

Question

我有一个按钮的代码(不是我写的)，可以为某人添加书签并将其添加到候选列表中。它看起来像这样:

JS 和 Ajax 部分:

self.isShortlisted = ko.observable(@(Model.Application.IsShortlisted ? "true" : "false" ));

self.isHidden = ko.observable(@(Model.Application.IsHidden ? "true" : "false" ));

$('form#shortlistForm').ajaxForm(function () {
    viewModel.applicationViewModel.isShortlisted(true);
});

$('form#unshortlistForm').ajaxForm(function () {
    viewModel.applicationViewModel.isShortlisted(false);
});

Answer 1

AJAX 代表“异步 JavaScript 和 XML”，正如您所指出的，它用于执行任务而无需重新加载页面。

What makes ajax work without reloading the page?

在回答您的问题时，“异步”任务可以与其他任务一起执行，不需要等待其他任务完成(同步)。因此，您不需要重新加载/刷新页面来显示新信息，因为它是同时执行的。

AJAX 通常使用 xhttp 请求从 Web 服务器返回 JSON 对象。您可以操作 DOM、JavaScript 或 HTML 来向用户显示对象。

You can read more about AJAX here

希望这能有所帮助