html

目前創(chuàng)新互聯(lián)公司已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、東營網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#b01").click(function(){
$('#myDiv').load('/jquery/test1.txt');
});
});
/script
/head
body
div id="myDiv"h2通過 AJAX 改變文本/h2/div
button id="b01" type="button"改變內(nèi)容/button
/body
/html
或許你更需要了解一下AJAX(局部刷新)
1。創(chuàng)建XMLHttpRequest核心對(duì)象
2。發(fā)送請求到服務(wù)器
3。通過回調(diào)函數(shù)接受返回的內(nèi)容,實(shí)現(xiàn)刷新
這樣吧 , 我不寫代碼了 , 給你一個(gè)思路!
想想驗(yàn)證碼圖片是怎么做的 !
你保存過后再用JS像點(diǎn)擊更換驗(yàn)證碼那樣自動(dòng)執(zhí)行一下 .
或者把那一塊view 單獨(dú)放一個(gè)頁面 , 加載的時(shí)候時(shí)候用
document.ready(){
$.get('view.php');
}
保存過后馬上再觸發(fā)一個(gè)事件執(zhí)行JQUERY的AJAX
$.get('view.php');
這樣就行了吧
\x0d\x0a\x0d\x0a \x0d\x0a\x0d\x0a\x0d\x0a $(document).ready(function () {\x0d\x0a \x0d\x0a setInterval("startRequest()",1000);\x0d\x0asetInterval這個(gè)函數(shù)會(huì)根據(jù)后面定義的1000既每隔1秒執(zhí)行一次前面那個(gè)函數(shù)\x0d\x0a 如果你用局部刷新,要用AJAX技術(shù)\x0d\x0a });\x0d\x0a \x0d\x0a function startRequest()\x0d\x0a {\x0d\x0a $("#date").text((new Date()).toString());\x0d\x0a }\x0d\x0a \x0d\x0a \x0d\x0a
分兩步:
第一步,使用jquery的ajax技術(shù),將數(shù)據(jù)讀入。相關(guān)的函數(shù)有$.ajax(), $.get(), $.post()$.load() 等函數(shù)。使用方法請百度一下,教程非常多。
第二步,將讀入的數(shù)據(jù)使用jquer的選擇器比如$("#divid").html("這里放入數(shù)據(jù)"),也可以用$.text(),具體區(qū)別請參考$.html()和$.text()的使用方法。
另外,jquer還支持讀取json數(shù)據(jù)和script數(shù)據(jù),可以將讀取的數(shù)據(jù)直接使用或者執(zhí)行。具體根據(jù)你的需要改變。
定時(shí)ajax就可以了
var timer = setInterval(function(){
$.ajax({
type:'post',
url:'你的url',
dataType:'json',
data:{
請求參數(shù)
},
success:function(data){
//此處拼接返回的json數(shù)據(jù),直接用數(shù)組形式調(diào)用,并且賦值給你的目標(biāo)div就行了
}
})
},5000);//時(shí)間間隔5秒鐘。
以上是簡單的寫法,望采納,歡迎追問
代碼:
$.ajax({
type: "POST",
url: "getPageDate.php", //調(diào)用的php文件
data: "page=1",
success: function(msg){ //回調(diào)函數(shù)
alert( "Data Saved: " + msg ); //這里是操作
$("#content").html(
);
}
});
success:function(data){//后臺(tái)處理數(shù)據(jù)成功后的回調(diào)函數(shù)
//? 在這里執(zhí)行對(duì)頁面的數(shù)據(jù)刷新
$("div .a").html(data);
}
data:就是這次請求返回的a.jsp頁面
$("div .a"):就是頁面上那個(gè)div id='a' class='a'/div?
$("div .a").html(data):就就是將a.jsp 頁面放入到 class=a 的div中!
擴(kuò)展資料:
當(dāng)使用 CSS-P 的時(shí)候, 主要把它用在 DIV(division)tag 上。當(dāng)把文字,圖像,或其他的放在 DIV 中,它可稱作為“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“l(fā)ayer”。所以把它稱作“層次”。所以當(dāng)看到這些名詞的時(shí)候,就知道它們是指一段在 DIV 中的 HTML。
使用 DIV 的方法跟使用其他 tag 的方法一樣:
如果單獨(dú)使用 DIV 而不加任何 CSS-P, 那么它在網(wǎng)頁中的效果和不使用是一樣的。
參考資料來源:百度百科-DIV
網(wǎng)站標(biāo)題:jquery刷新div,jquery刷新div里的內(nèi)容
文章鏈接:http://chinadenli.net/article43/dsgsphs.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、虛擬主機(jī)、小程序開發(fā)、微信小程序、網(wǎng)站排名、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(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)