js局部刷新【php技术】

网中网

　　html代码

• 
  
•      
  
•          
  
•         js局部刷新
  
•          
  
•             #h1{
  
•                 text-align:center;
  
•             }
  
•             #div{
  
•                 margin:0 auto;
  
•                 width:300px;
  
•                 height:200px;
  
•                 background:#ccc;     
  
•             }
  
•             button{
  
•                 display:block;
  
•                 margin:0 auto;
  
•             }
  
•          
  
•      
  
•      
  
•         js局部刷新
  
•          
  
•          
  
•          
  
•         document.write(new Date())
  
•         请求数据get方式
  
•         请求数据post方式
  
•      
  
•      
  
•         //js异步请求php数据  (get方式)
  
•         function fasong(){
  
•                 var xhr=new XMLHttpRequest();//生成XMLHttpRequest对象
  
•                 xhr.onreadystatechange=function(){
  
•                     //当readyState==4 status==200表示响应成功
  
•                 if(xhr.readyState==4 && xhr.status==200){
  
•                     //alert(xhr.responseText);
  
•                 var data=xhr.responseText;
  
•                 var divobj=document.getElementById('div')
  
•                 divobj.innerHTML=data;
  
•                 //hid.innerHTML=data;
  
•                 }  
  
•                 }
  
•                  
  
•                 //false 为同步
  
•                 xhr.open("get","index.php?",true);//准备好发送数据之前的准备
  
•                 xhr.send();//
  
•         }
  
•          
  
•         //js异步请求php数据  (post方式)
  
•         function fasong2(){
  
•                 var xhr=new XMLHttpRequest();//生成XMLHttpRequest对象
  
•                 //alert(xhr);
  
•                 /**/
  
•                 xhr.onreadystatechange=function(){
  
•                     //当readyState==4 status==200表示响应成功
  
•                 if(xhr.readyState==4 && xhr.status==200){
  
•                     //alert(xhr.responseText);
  
•                 var data=xhr.responseText;
  
•                 var divobj=document.getElementById('div')
  
•                 divobj.innerHTML=data;
  
•                 //hid.innerHTML=data;
  
•                 }  
  
•                 }
  
•                  
  
•                 //xhr.open("get","index.php?"+str,true);
  
•                 //false 为同步
  
•                 xhr.open("post","index.php?",true);//准备好发送数据之前的准备
  
•                 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");//模拟表单 否则无法显示数据
  
•                 xhr.send("suername=nihao&age=30");//
  
•         }
  
•          
  
•      
  
• 
  

　　php代码