程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> ajax+php 無刷新數據調用經典實例

ajax+php 無刷新數據調用經典實例

編輯:關於PHP編程

ajax+php教程 無刷新數據調用經典實例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ajax+php 無刷新數據調用經典實例</title>
<script>
function G(id){
  return document.getElementById(id);
 }
 
 function createXMLHttpRequest(){//創建XMLHttpRequest對象
  if(window.ActiveXObject){//IE
    try {
     return new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e){
     return;
    }
   }else if(window.XMLHttpRequest){//Mozilla,firefox
    try {
     return new XMLHttpRequest();
    } catch(e){
     return;
    }
   }
  }

 function returnCity(Value,divId,at,pid){//主調函數
  var xmlHttp=createXMLHttpRequest();
  var url = "s.php?cid="+Value+"&at="+at+"&pid="+pid+"&mt="+Math.random(100);
  //alert(url);
  if (Value==""){  
   return false ;
  }
  if (xmlHttp){
   callback = getReadyStateHandler(xmlHttp,divId);
   xmlHttp.onreadystatechange = callback;
   xmlHttp.open("GET", url,true);
   xmlHttp.send(null);
  }
 }

 function getReadyStateHandler(xmlHttp,divId){//服務器返回後處理函數
  return function (){
   if(xmlHttp.readyState == 4){
    if(xmlHttp.status == 200){        
      if (xmlHttp.responseText){
       G(divId).innerHTML=xmlHttp.responseText;     
      }else{
       G(divId).innerHTML="";     
      }      
    }
   }
  }
 }
 
 function ajaxData(inputName,divId,action,cpid)
 {
  //alert(inputName);
  var cityid = G(inputName).value;
  var pid = G(cpid).value;  
  returnCity(cityid,divId,action,pid);

 }
</script>
</head>

<body>
<input name="" type="text" onMouseOver="ajaxData('city_type','cityareaid','c','borough_type');" />
<div id="ajaxHtml">
</div>
</body>
</html>
//s.php文件
$Db = new Db();
  $type = ( $action=='esfPice')?1:2;  
  $sql = "Select * from cn_loupan_city_price where city_id ='$cid' and price_type='$type'";
  $query = $Db->query( $sql );
  $str ='';
  if( $Db->rows( $query ) )
  {
   $result = $Db->fetch( $query ,0);
   foreach( $result as $_v => $v )
   {
    
    $str .= "<LI><A onClick="switchprop('price2_Value','".$v['city_price_show']."','price2_List','price','".$v['city_price']."')" href="javascript教程:void(0);" target=_self>".$v['city_price_show']."</A></LI>";    
   }
   echo $str;
  }
  else
  {
   exit('可不選!');
  }  
  //這裡只講ajax不講數據庫教程連接
.net教程">www.bKjia.c0m原他

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved