首頁 > 後端開發 > php教程 > dwz如何通过点击某个按钮刷新相应的navTab

dwz如何通过点击某个按钮刷新相应的navTab

WBOY
發布: 2016-06-06 20:07:38
原創
1121 人瀏覽過

怎样通过点击某个按钮,比如刷新 来重新加载此navTab

<code><li id="refresh"><a class="add"><span>刷新</span></a></li></code>
登入後複製
登入後複製

回复内容:

怎样通过点击某个按钮,比如刷新 来重新加载此navTab

<code><li id="refresh"><a class="add"><span>刷新</span></a></li></code>
登入後複製
登入後複製

你是要通过刷新页面的方式重新获取整个页面么?确实这种方式最简单粗暴,也能拿到最新的navTab,手法很简单:

<code class="html"><li id="refresh"><a class="add"><span>刷新</span></a></li></code>
登入後複製
<code class="javascript">document
.querySelector('.add')
.addEventListener('click', function(){
    window.location.reload(true);//强制刷新页面
}, false);</code>
登入後複製

不过,这种方式真心很矬

如果你能通过ajax异步拿到navTab用到的数据,在浏览器端重新构建一次navTabdom结构,并替换现有的久结构,实现局部刷新不是更好么?

相關標籤:
php
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板