简易js局部刷新代码
时间: 2023-08-10 16:09:34 浏览: 134
jquery实现页面局部刷新
你可以使用 jQuery 的 `load()` 方法来实现局部刷新,具体代码如下:
```html
<!-- HTML代码 -->
<div id="myDiv">
<!-- 需要刷新的内容放在这里 -->
</div>
<button id="refreshBtn">点击刷新</button>
```
```javascript
// JavaScript代码
$(document).ready(function() {
$("#refreshBtn").click(function() {
$("#myDiv").load(location.href + " #myDiv");
});
});
```
这段代码会在页面加载完成后,为按钮绑定一个点击事件。当按钮被点击时,它会通过 `load()` 方法将当前页面的 `#myDiv` 元素重新加载,并将其替换掉原来的 `#myDiv` 元素,实现局部刷新的效果。
阅读全文