<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 

  
      
    

          

	
          
		
          
			
          
				
          頁(yè)面局部刷新三種方法
          
				
          
					
           2021-7-28      前端達(dá)人      
          
					
					
          
						
					
          
				
          
				
			
          
			
          
				
          
    頁(yè)面局部刷新

          

          
    1.使用ajax實(shí)現(xiàn)小部分的內(nèi)容局部刷新
          
$.ajax({
          
url:“http://localhost:8080/intoHomepage.do”,
          
type:“post”,
          
data:{name:“mydata”}，
          
success:function (result) {
          
if(result){ //對(duì)后端返回的數(shù)據(jù)result進(jìn)行處理
          
$(".testchange").html(“將對(duì)應(yīng)的class=testchange的標(biāo)簽內(nèi)容進(jìn)行修改。還可以通過(guò)一些父類和子類選擇函數(shù)進(jìn)行操作更新數(shù)據(jù)如：find（）、chidren（）、parent（）等”);
          
}
          
},
          
error:function () {
          
alert(“出現(xiàn)錯(cuò)誤！”);
          
}
          
}
          
);

          

            
    
          1. 
        如果要對(duì)大部分內(nèi)容進(jìn)行刷新建議使用iframe標(biāo)簽進(jìn)行整體刷新。
    
            2. 
    
          2. 
        對(duì)于點(diǎn)擊不同的按鈕（或其他的標(biāo)簽）局部刷新可以使用" 隱藏方式"，比如事先準(zhǔn)備好幾種不同的內(nèi)容，
            
< button id=“b1”>按鈕1< /button>
            
< button id=“b2”>按鈕2< /button>
            
< button id=“b3”>按鈕3< /button>
            
< div >
            
< di v class=“test01”>
            
< p> this is test01 < /p>
            
< /div>
            
< di v class=“test02” style="display：none ">
            
< p> this is test02 < /p>
            
< /div>
            
< di v class=“test03” style="display：none ">
            
< p> this is test03 < /p>
            
< /div>
            
< /div>
    
            3. 

          

          
    點(diǎn)擊按鈕觸發(fā)事件（onclick()或其他事件）對(duì)需要刷新的部分內(nèi)容進(jìn)行css屬性display：none(/block)設(shè)置只顯示一個(gè)div的內(nèi)容

          



          

          

          
    藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

          

          文章來(lái)源：csdn
          

          
    分享此文一切功德，皆悉回向給文章原作者及眾讀者.
          
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
          
          

          

          
    藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個(gè)人資料
          
      
    
          
    
          
      
          存檔
          
      
    
          

          

          


  
 





国内精品九九久久久精品|
久久亚洲国产精品一区二区|
69国产成人综合久久精品|
99精品久久精品一区二区|
亚洲精品国产自在久久|
久久久久国产视频电影|
久久综合亚洲色HEZYO国产
|
99国产精品久久|
久久99久久99精品免视看动漫|
伊人久久精品无码av一区|
成人午夜精品无码区久久|
亚洲精品无码成人片久久|
亚洲欧美日韩中文久久|
精品久久久无码人妻中文字幕|
国产巨作麻豆欧美亚洲综合久久
|
欧美精品丝袜久久久中文字幕|
欧美综合天天夜夜久久|
色噜噜狠狠先锋影音久久|
国产精品永久久久久久久久久
|
中文国产成人精品久久不卡|
亚洲精品无码久久久影院相关影片|
婷婷久久久亚洲欧洲日产国码AV
|
狠狠人妻久久久久久综合蜜桃|
国内精品久久久久久麻豆
|
久久精品国产亚洲αv忘忧草
|
亚洲午夜精品久久久久久app|
精品国产99久久久久久麻豆
|
国产免费福利体检区久久|
亚洲国产成人久久一区久久|
97久久国产露脸精品国产|
国产成人精品久久二区二区|
久久久久18|
国产婷婷成人久久Av免费高清|
国产69精品久久久久9999|
久久久久se色偷偷亚洲精品av|
欧美综合天天夜夜久久|
无码超乳爆乳中文字幕久久|
久久久久久久综合综合狠狠|
久久99精品久久久久子伦|
精品久久久一二三区|
久久se精品一区二区影院|