jquery局部刷新
时间: 2023-11-20 19:56:28 浏览: 70
AJax局部刷新
5星 · 资源好评率100%
以下是使用jQuery实现局部刷新的方法:
1.使用load()方法加载指定页面的内容
```javascript
$(document).ready(function(){
$("#button").click(function(){
$("#content").load("demo.html #target");
});
});
```
上述代码中,当按钮被点击时,会将demo.html页面中id为target的元素加载到当前页面中id为content的元素中。
2.使用ajax()方法实现局部刷新
```javascript
$(document).ready(function(){
$("#button").click(function(){
$.ajax({
url: "demo.html",
success: function(result){
$("#content").html(result);
}
});
});
});
```
上述代码中,当按钮被点击时,会通过ajax()方法加载demo.html页面的内容,并将其放入当前页面中id为content的元素中。
阅读全文