當(dāng)某幾個(gè)頁面都有相同的頭部、導(dǎo)航、底部的時(shí)候,點(diǎn)擊導(dǎo)航鏈接可以在幾個(gè)頁面中切換,此時(shí)想要的效果是點(diǎn)擊鏈接后只切換內(nèi)容部分,其他不再重新加載。上代碼。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了麻山免費(fèi)建站歡迎大家使用!
分兩步: 第一步,使用jquery的ajax技術(shù),將數(shù)據(jù)讀入。相關(guān)的函數(shù)有$.ajax(), $.get(), $.post()$.load() 等函數(shù)。
通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新,這樣就可以在不重新加載整個(gè)網(wǎng)頁的情況下,對網(wǎng)頁的某部分進(jìn)行更新。XMLHttpRequest 是 AJAX 的基礎(chǔ),用于和服務(wù)器交換數(shù)據(jù)。
{flag:first}, //根據(jù)不同的需要,設(shè)置不同的參數(shù)值。function(data){ (#one).html(data); //將返回的內(nèi)容,顯示在#one這個(gè)DIV里面。
實(shí)現(xiàn)局部刷新,首先需要明白ajax的原理:其本質(zhì)就是,通過ajax異步請求服務(wù)器,然后把返回的內(nèi)容展示到頁面上。
局部刷新一般都是通過ajax來實(shí)現(xiàn)。就是你要刷新新的數(shù)據(jù)。
分兩步: 第一步,使用jquery的ajax技術(shù),將數(shù)據(jù)讀入。相關(guān)的函數(shù)有$.ajax(), $.get(), $.post()$.load() 等函數(shù)。
刷新后當(dāng)然就恢復(fù)原來的了。因?yàn)閖Query只能改變客戶端的內(nèi)容。你要達(dá)到這個(gè)效果需要結(jié)合php或是asp之 類的腳本程序來實(shí)現(xiàn)了。
你說的情況就像類似您有新的消息(郵件),請注意查收這樣的程序功能??傮w思路是這樣的。
1、setTimeout和setInterval。如果是幾秒一次,就簡單,設(shè)置一個(gè)函數(shù),指定刷新的時(shí)間間隔,調(diào)用就行。如果是特定時(shí)間一次,就需要一個(gè)存儲時(shí)間的數(shù)組或者json,然后每一秒執(zhí)行一次,然后判斷是否到刷新的時(shí)間了。
2、彈出:當(dāng)頁面初始化完畢后,等待N秒顯示出div標(biāo)簽。關(guān)閉:當(dāng)div標(biāo)簽彈出后,再等待N秒后將其關(guān)閉。解決方案:可以使用JavaScript的setTimeout方法來做定時(shí)功能。
3、分兩步: 第一步,使用jquery的ajax技術(shù),將數(shù)據(jù)讀入。相關(guān)的函數(shù)有$.ajax(), $.get(), $.post()$.load() 等函數(shù)。
標(biāo)題名稱:jquery更新div jquery更新后的元素
文章出自:http://www.rwnh.cn/article48/dgjishp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、移動網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)站收錄、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)