<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ì)( www.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è)人資料
          
      
    
          
    
          
      
          存檔
          
      
    
          

          

          


  
 





精品多毛少妇人妻AV免费久久|
99久久免费国产精精品|
亚洲精品国产自在久久|
亚洲国产综合久久天堂|
精品综合久久久久久98|
伊人久久免费视频|
久久中文精品无码中文字幕|
日韩av无码久久精品免费|
久久亚洲精品中文字幕三区|
四虎国产精品免费久久|
国产一区二区三区久久|
久久这里只有精品视频99|
AV狠狠色丁香婷婷综合久久|
亚洲午夜福利精品久久|
国产精品久久一区二区三区|
久久久久免费精品国产|
国产三级观看久久|
国产精品禁18久久久夂久|
亚洲伊人久久成综合人影院|
精品综合久久久久久88小说|
粉嫩小泬无遮挡久久久久久|
国产香蕉久久精品综合网|
国产免费久久精品99久久|
国产午夜精品理论片久久影视|
亚洲综合伊人久久大杳蕉|
色99久久久久高潮综合影院|
久久精品亚洲男人的天堂|
国产A级毛片久久久精品毛片|
91精品国产乱码久久久久久|
国产情侣久久久久aⅴ免费|
男女久久久国产一区二区三区|
亚洲国产精品嫩草影院久久
|
亚洲国产精品无码久久青草|
久久精品国产第一区二区|
久久精品一区二区影院|
精品久久久久中文字幕一区|
久久综合狠狠色综合伊人|
香港aa三级久久三级|
91精品日韩人妻无码久久不卡|
国产精品欧美久久久久天天影视|
久久久久国产一级毛片高清版|