偶开始学时做电话本用到了点,贴出来了额...^_^
UserShow.php
[code]
<?
header("Cache-Control: no-cache, must-revalidate");
?>
<script type="text/javascript" src="../include/prototype.js"></script>//prototype.js一个表单和js交互的东东,很不错的还有帮助此例子中未用
<script type="text/javascript" src="showusers.js"></script>
<body onload='process()'>
<div id="username">name</div>
<div id="showphoto">photo</div>
</body>
[/code]
showusers.js
[code]
var xmlHttp = createXmlHttpRequestObject();//创建对象
function createXmlHttpRequestObject()
{
var xmlHttp;
if(window.ActiveXObject)
{
try
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
xmlHttp = false;
}
}
else
{
try
{
xmlHttp = new XMLHttpRequest();
}
catch (e)
{
xmlHttp = false;
}
}
if (!xmlHttp)
alert("Error creating the XMLHttpRequest object.");
else
return xmlHttp;
}
function process()
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
//name = encodeURIComponent(document.getElementById("myName").value);
xmlHttp.open("GET", "showusers.php?fresh="+Math.random(), true); //为什么加任意参数fresh="+Math.random(),反正这么加才会响应get方法,要不请求无效
xmlHttp.onreadystatechange = handleServerResponse;//调用方法
xmlHttp.send(null);
}
else
setTimeout('process()', 1000);
}
function handleServerResponse()
{
if (xmlHttp.readyState == 4)
{
if (xmlHttp.status == 200) //请求返回完成
{
xmlResponse = xmlHttp.responseXML;//得到请求创建对象下面开始读取
xmlDocumentElement = xmlResponse.documentElement;
//helloMessage = xmlDocumentElement.firstChild.data;
var num=xmlResponse.getElementsByTagName("username").length;
//source.async=false;
var showusername="";
var showphoto="";
var id="";
for(i=0;i<num;i++)//循环从返回的请求中读取数据
{
id = xmlResponse.getElementsByTagName("id").item(i).firstChild.nodeValue;
var username = xmlResponse.getElementsByTagName("username").item(i).firstChild.nodeValue;
// helloMessage="uploads/"+helloMessage;
var photo=xmlResponse.getElementsByTagName("photo").item(i).firstChild.nodeValue;
photo="uploads/"+photo;
//alert(num);
showusername = showusername+'<i>'+username+'</i>';
showphoto=showphoto+'<a href="UsersModify.php?id='+id+'" target="_self">修改</a> <a href="UsersDel.php?id='+id+'" target="_self">删除</a><img src="'+photo+'" width="132" height="179">';
//alert(showphoto);
// document.getElementById("showphoto").innerHTML = '<img src="'+photo+'" width="132" height="179">';
}
document.getElementById("username").innerHTML = '<i>'+showusername+'</i>';
document.getElementById("showphoto").innerHTML = showphoto;
setTimeout('process()', 5000);//五秒后再次请求,其实这是个笨方法,呵呵
}
else
{
alert("There was a problem accessing the server: " + xmlHttp.statusText);
}
}
}
[/code]
showusers.php//php构造xml文件
[code]
<?php
header('Content-Type: text/xml');
echo '<?xml version="1.0" encoding="gb2312" standalone="yes"?>';
require_once '../include/conn.php';
echo '<response>';
$sql = "select * from users";
$query = mysql_query($sql,$myconn);
$query1 = mysql_query($sql,$myconn);
$num = mysql_num_rows($query);
//mysql_data_seek($query ,0);
$username="";
if($num<>0)
{
while($rec=mysql_fetch_array($query1))
{
$username=$rec["username"];
echo "<id>";
echo $rec["id"];
echo "</id>";
echo "<username>";
echo $rec["username"];
echo "</username>";
echo "<photo>";
echo $rec["picture"];
echo "</photo>";
}
}
//echo htmlentities($username);
echo '</response>';
?>
[/code]
