时间戳

首页 > 解决方案 > 如何使用 jquery 刷新 DIV 的内容

javascript - 如何使用 jquery 刷新 DIV 的内容

问题描述

我有一个使用 javascript 填充 XML 内容的 div。目前，我希望使用按钮刷新“displayCode”div 内容。codeContainer 是 displayCode 的容器。目前，代码将整个 html 页面刷新到 div 中，而不仅仅是刷新页面时获得的内容。我已经在网上尝试了所有其他方法，所有这些方法要么返回一个空白 div，要么将整个页面复制到 div 中。是的，我在标题中命名了 jQuery。

tl;dr：为什么我的 .load 不起作用？

当前代码：

<body>
<script>
function buttontest() {
        alert('pressed')
       $('#displayCode').load('index.html #displayCode');
};

</script>


<button onclick="buttontest()">Click me</button>
<div id = "codeContainer">
<div id='displayCode'></div><br>

</div>

标签： javascriptjqueryhtml

解决方案

好的，首先type="button"按钮上应该有一个，因为默认type是submit

//I Applied the click Listener on the id rather than having a function
<button id="loadContent" type="button">Click me</button>

，并且您要确保您拥有.min.jsjquery 的版本而不是.slim.min.js版本，因为它没有 AJAX（希望这是有道理的）。这可能不是必需的，但我认为您target不需要loadcontent.so

$("#displayCode").load("./index.html"); // Adjust the file path accordingly

应该做。除此之外你应该很好。

我做了一个工作示例，你可以在这里查看

推荐阅读