ajax+php教程 无刷新数据调用经典实例
ajax+php 无刷新数据调用经典实例
<script><br>
function G(id){<br>
return document.getElementById(id);<br>
}<br>
<br>
function createXMLHttpRequest(){//创建XMLHttpRequest对象<br>
if(window.ActiveXObject){//IE<br>
try {<br>
return new ActiveXObject("Microsoft.XMLHTTP");<br>
} catch(e){<br>
return;<br>
}<br>
}else if(window.XMLHttpRequest){//Mozilla,firefox<br>
try {<br>
return new XMLHttpRequest();<br>
} catch(e){<br>
return;<br>
}<br>
}<br>
}</p>
<p> function returnCity(Value,divId,at,pid){//主调函数<br>
var xmlHttp=createXMLHttpRequest();<br>
var url = "s.php?cid="+Value+"&at="+at+"&pid="+pid+"&mt="+Math.random(100);<br>
//alert(url);<br>
if (Value==""){ <br>
return false ;<br>
}<br>
if (xmlHttp){<br>
callback = getReadyStateHandler(xmlHttp,divId);<br>
xmlHttp.onreadystatechange = callback;<br>
xmlHttp.open("GET", url,true);<br>
xmlHttp.send(null);<br>
}<br>
}</p>
<p> function getReadyStateHandler(xmlHttp,divId){//服务器返回后处理函数<br>
return function (){<br>
if(xmlHttp.readyState == 4){<br>
if(xmlHttp.status == 200){ <br>
if (xmlHttp.responseText){<br>
G(divId).innerHTML=xmlHttp.responseText; <br>
}else{<br>
G(divId).innerHTML=""; <br>
} <br>
}<br>
}<br>
}<br>
}<br>
<br>
function ajaxData(inputName,divId,action,cpid)<br>
{<br>
//alert(inputName);<br>
var cityid = G(inputName).value;<br>
var pid = G(cpid).value; <br>
returnCity(cityid,divId,action,pid);</p>
<p> }<br>
</script>
//s.php ファイル
$Db = 新しい Db();
$type = ( $action=='esfPice')?1:2;
$sql = "cn_loupan_city_price から * を選択します (city_id ='$cid' および Price_type='$type')";
$query = $Db->query( $sql );
$str ='';
if( $Db->rows( $query ) )
{
$result = $Db->fetch( $query ,0);
foreach( $result as $_v => $v )
{
$str .= "
".$v['city_price_show']." ";
}
エコー $str;
}
それ以外
{
exit('オプション!');
}
//ここでは ajax についてのみ説明し、データベース接続については説明しません
.net チュートリアル">www.bKjia.c0m オリジナルの彼
http://www.bkjia.com/PHPjc/630585.html www.bkjia.com true http://www.bkjia.com/PHPjc/630585.html 技術記事 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...