如何用php+ajax实现页面的局部刷新？（转）

最新推荐文章于 2024-10-10 09:38:48 发布

weixin_30551947

最新推荐文章于 2024-10-10 09:38:48 发布

阅读量90

点赞数

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/xihong2014/p/5825197.html

版权

client.html

 
         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
        
         < 
         html 
         > 
        
         < 
         head 
         > 
        
         < 
         meta 
         http-equiv 
         = 
         "content-type" 
         content 
         = 
         "text/html; charset=utf-8" 
         > 
        
         < 
         title 
         > jquery demo </ 
         title 
         > 
        
         < 
         script 
         src 
         = 
         "//code.jquery.com/jquery-1.11.0.min.js" 
         ></ 
         script 
         > 
        
         < 
         script 
         type 
         = 
         "text/javascript" 
         > 
        
         function show(){ 
        
         $.get( "server.php", function(data) { 
        
         $('#txt').html(data.content); 
        
         }, "json" ); 
        
         } 
        
         </ 
         script 
         > 
        
         </ 
         head 
         > 
        
         < 
         body 
         > 
        
         < 
         p 
         >這裡不會被刷新</ 
         p 
         > 
        
         < 
         div 
         id 
         = 
         "txt" 
         >原來內容</ 
         div 
         > 
        
         < 
         input 
         type 
         = 
         "button" 
         value 
         = 
         "刷新內容" 
         onclick 
         = 
         "show()" 
         > 
        
         </ 
         body 
         > 
        
         </ 
         html 
         >

server.php

 
         <?php 
        
         $ret 
         =  
         array 
         (); 
        
         $ret 
         [ 
         'content' 
         ] =  
         '新內容' 
         ; 
        
         echo 
         json_encode( 
         $ret 
         ); 
        
         ?>