如何使用 jQuery/AJAX 重新加载特定 DIV 而无需刷新页面？

使用 jQuery/AJAX 刷新 DIV 中的内容

问题：
加载特定内容DIV无需刷新整个网页。在本例中，目标是在单击 ID 为“getCameraSerialNumbers”的按钮时重新加载名为“list”的 DIV 的内容。

说明：
提供的代码尝试使用“.load()”函数重新加载“step1Content”DIV，但是，它缺少必要的 URL 参数来指定应加载哪些内容。

解决方案：
要重新加载特定的DIV内容，您可以使用以下代码：

<code class="javascript">$("#getCameraSerialNumbers").click(function() {
  $("#list").load(location.href + " #list");
});</code>

工作原理：

• 代码使用“.load” ()”函数获取内容并将其加载到“list”DIV中。
• “.load()”函数的参数是当前页面的 URL，后跟一个空格，然后是您想要将内容加载到的 DIV。在这种情况下，目标 DIV 是“list”。

注意：
在第二个“#”符号之前包含一个空格至关重要，以确保只有重新加载指定的 DIV，而不是整个页面。这是一个常见错误，可能会导致意想不到的结果。

以上是如何使用 jQuery/AJAX 重新加载特定 DIV 而无需刷新页面？的详细内容。更多信息请关注PHP中文网其他相关文章！