首先新建一個(gè)html文件,命名為test.html,在test.html文件內(nèi),引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,按鈕名稱分別為“刷新頁面”。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:空間域名、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、阿城網(wǎng)站維護(hù)、網(wǎng)站推廣。
下面我們就通過簡(jiǎn)單的代碼示例來介紹JavaScript重新加載(刷新)頁面的方法。在示例中,將介紹使用jQuery和JavaScript從服務(wù)器和瀏覽器的緩存重新加載頁面。
刷新肯定要更新數(shù)據(jù),用下面主函數(shù)刷新,更新數(shù)據(jù)的代碼放 function 里面就 ok 了。
1、使用Ajax可以異步獲取數(shù)據(jù),可以更高效地渲染頁面。
2、一般在做 ajax load 的時(shí)候,很多人都不會(huì)考慮到需要瀏覽器支持前進(jìn)后退功能,因?yàn)榇蟛糠秩硕疾恢揽梢詫?shí)現(xiàn)。
3、比較好的方法是用location.hash 來記錄,比如你在分到第五頁的時(shí)候,先用js動(dòng)態(tài)修改當(dāng)前網(wǎng)址為第五:location.hash=5這樣的操作不會(huì)導(dǎo)致頁面刷新,但是卻會(huì)被記錄到瀏覽器歷史里面。
4、解決這個(gè)問題的第一種方法就是利用location的hash值。當(dāng)url的hash值改變時(shí),頁面并不會(huì)跳轉(zhuǎn),但是瀏覽器此時(shí)會(huì)將此帶hash的url記錄到歷史記錄中。利用這個(gè)特性,我們可以人為的模擬帶歷史記錄功能的ajax請(qǐng)求。
5、解決辦法就不止一個(gè)了。一個(gè)更改瀏覽器的訪問策略,也可以在ajax請(qǐng)求地址后跟上一個(gè)無關(guān)緊要的隨即參數(shù)以區(qū)別ajax地址的不同。也可以再服務(wù)器端對(duì)response設(shè)置頁面不緩存。
解決這個(gè)問題的第一種方法就是利用location的hash值。當(dāng)url的hash值改變時(shí),頁面并不會(huì)跳轉(zhuǎn),但是瀏覽器此時(shí)會(huì)將此帶hash的url記錄到歷史記錄中。利用這個(gè)特性,我們可以人為的模擬帶歷史記錄功能的ajax請(qǐng)求。
jQuery load() 方法jQuery load() 方法是簡(jiǎn)單但強(qiáng)大的 AJAX 方法。load() 方法從服務(wù)器加載數(shù)據(jù),并把返回的數(shù)據(jù)放入被選元素中。
現(xiàn)在前后端基本都是通過ajax實(shí)現(xiàn)前后端接口數(shù)據(jù)的交互,但是,ajax有個(gè)小小的劣勢(shì),即:不支持瀏覽器“后退”和“前進(jìn)“鍵。但是,現(xiàn)在我們可以通過H5的histroy屬性 解決ajax在交互請(qǐng)求的這個(gè)小bug。
callback=? jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù)。數(shù)據(jù)類型設(shè)置為 jsonp 時(shí),jQuery 將自動(dòng)調(diào)用回調(diào)函數(shù)。返回值 XMLHttpRequest參數(shù)options (可選) : AJAX 請(qǐng)求設(shè)置。所有選項(xiàng)都是可選的。
load定義和用法,load() 方法通過 AJAX 請(qǐng)求從服務(wù)器加載數(shù)據(jù),并把返回的數(shù)據(jù)放置到指定的元素中。
可以通過 $.ajaxSetup() 設(shè)置任何選項(xiàng)的默認(rèn)值。type:類型,POST或者GET,默認(rèn)是GET。url:發(fā)送請(qǐng)求的地址。data:是一個(gè)對(duì)象,連同請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù)dataType:預(yù)期服務(wù)器返回的數(shù)據(jù)類型。
分兩步: 第一步,使用jquery的ajax技術(shù),將數(shù)據(jù)讀入。相關(guān)的函數(shù)有$.ajax(), $.get(), $.post()$.load() 等函數(shù)。
刷新肯定要更新數(shù)據(jù),用下面主函數(shù)刷新,更新數(shù)據(jù)的代碼放 function 里面就 ok 了。
你返回上一頁瀏覽器就會(huì)幫你刷新,沒必要手動(dòng)刷新。
用jquery ajax吧。一下是他的用法。如果你熟悉javascript的ajax的話就很簡(jiǎn)單了。
局部刷新的話,用ajax很好用。而且用jquery語言也非常好定位,很方便。算了,隨便寫點(diǎn)例代碼給你吧。
比如 A.html 頁面里寫的 iframe 綁定 B.html 你應(yīng)該更新 B.html 才行,這個(gè)不多解釋了?!锌赡苓M(jìn)入緩存了 src 值里后面加個(gè)時(shí)間看看。我建議還是用 AJAX 或 WebSocket(html5),NodeJS。
網(wǎng)頁名稱:jquery后退刷新 js后退不刷新
鏈接URL:http://aaarwkj.com/article27/dijssjj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、關(guān)鍵詞優(yōu)化、企業(yè)建站、全網(wǎng)營(yíng)銷推廣、營(yíng)銷型網(wǎng)站建設(shè)、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)