本文实例为大家分享了AJAX实现指定部分页面刷新效果的具体代码，供大家参考，具体内容如下
这个例子使用了bootstrap，jquery和NProgress进度条插件，事先需引入相关文件。
需求：点击左边的选项，不需要整个页面刷新，只进行右边页面的刷新。
t;</script> <script> $(function ($) { // 入口函数带参数$,原因是有一个独立的作用域，顺便确保页面加载完成执行 //全局AJAX事件处理 $(document) .ajaxStart(function () { NProgress.start() }) .ajaxStop(function () { NProgress.done() }); $('.list-group-item').on('click', function () { var url = $(this).attr('href') //后面的 #main 指的是载入页面的 id $('#main').load(url + ' #main > *') //列表组中是 a 标签，禁止它跳转到相应界面 return false }) }) </script></body></html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
