ajax.js
var xmlhttp;
function AJAX(url){
xmlhttp=null;
if (window.XMLHttpRequest){// code for all new browsers
xmlhttp=new XMLHttpRequest();
}else if (window.ActiveXObject){// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null){
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}else{
alert("你的浏览器不支持XMLHTTP对象。");
}
}
function state_Change(){
if (xmlhttp.readyState==4){// 4 = "异步请求成功"
if (xmlhttp.status==200){// 200 = OK
var o = document.getElementById("box");
var str = xmlhttp.responseText;
o.innerHTML = str;
}else{
alert("服务器出错,异步请求失败!");
}
}
}
ajax.php
<?php
$mysql_server_name = "localhost";
$mysql_username = "root";
$mysql_password = "";
$mysql_database = "test";
$conn = mysql_connect($mysql_server_name, $mysql_username, $mysql_password);
// 从表中提取信息的sql语句
$strsql = "SELECT * FROM photo";
// 执行sql查询
@$result = mysql_db_query($mysql_database, $strsql, $conn);
// 获取查询结果
$row = mysql_fetch_row($result);
$zhongjian = implode("", $row);
/* var_dump($row).'<br/>';
$zhongjian = implode("", $row);
echo $zhongjian.'<br/>';
foreach ($row as $key => $val) {
print $key . '=>'.$val.'<br/>';
}
*/
$id = $_GET["id"];
switch($id){
case "span":
echo "这是点击span获取到的内容!";
break;
case "a":
echo $zhongjian;
break;
default:
"搞砸了!";
}
?>
index,php
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>异步请求</title>
<script type="text/javascript" src="ajax.js"></script>
<style type="text/css">
#box {
height: 32px;
width: 150px;
border: 1px solid #000;
}
</style></head>
<body>
<span onClick="AJAX('ajax.php?id=span')">我是SPAN标签</span>
<a href="javascript:void(0);" onClick="AJAX('ajax.php?id=a');">我是A链接</a><div id="box"></div>
</body>
</html>
http://www.palmdy.com