52,797
社区成员
发帖
与我相关
我的任务
分享
<html>
<h1 style="font:Times New Roman, Times, serif; font-size:14px; color:#FF3366;font-weight:bold; border:1px solid;border-color:#Ff0000; width:133px; height:23px; position:absolute; float:left; left: 308px; top: 138px;text-align:center;background:ffffff;vertical-align:super;" onclick="refreshdata(2)">Match</h1>
<div id="x2">
</div>
</html>
ajax部分:
<script language="javascript" type="text/javascript">
<!--
//定义用于存储XMLHttpRequest对象的变量
var xmlHttp = null;
//创建XMLHttpRequest对象
function creatXMLHTTP()
{
//判断浏览器是否支持ActiveX控件
if(window.ActiveXObject)
{
//将所有可能出现的ActiveXObject版本都放在一个数组中
var arrXmlHttpTypes = ['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0',,'MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
//通过循环创建XMLHttpRequest对象
for(var i=0;i<arrXmlHttpTypes.length;i++)
{
try
{
//创建XMLHttpRequest对象
xmlHttp = new ActiveXObject(arrXmlHttpTypes[i]);
//如果创建XMLHttpRequest对象成功,则跳出循环
break;
}
catch(ex)
{
}
}
}
//判断浏览器是否将XMLHttpRequest作为本地对象实现
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function refreshdata(m)
{
creatXMLHTTP();
var url="match.asp?";
var x = getXMLHTTPObj();
x.onreadystatechange=function event()
{
if(x.readystate==4)
{
if(x.status==200)
{
onclick(refreshdata)=url
}
}
}
x.open('GET',url,true);
x.setRequestHeader("Content-Type","text/XML");
x.send(null);
}
function onclick()
{
creatXMLHTTP();
var url="match.asp?"
XMLHTTP.open('GET',url,true);
XML.onreadystatechange=refreshdata(m);
XML.send(null);
}
</SCRIPT>
<script type="text/javascript">
function getXHR(){
var xhr=false;
if(window.ActiveXObject)xhr=new ActiveXObject("microsoft.xmlhttp"):
else if(window.XMLHttpRequest)xhr=new XMLHttpRequest();
return xhr;
}
function refreshdata(id,objid){//id:文章的ID objid:返回内容的显示在指定容器的ID
var xhr=getXHR();
if(!xhr){alert('您的浏览器不支持ajax!');return false;}
var url='match.asp?id='+id+'&_dc='+new Date().getTime();//附带参数和时间戳
xhr.open('get',url,true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var dv=document.getElementById(objid);
dv.innerHTML=xhr.responseText;//成功返回设置容器的内容为ajax的返回值
dv.style.display='block';//显示容器,因为默认是隐藏的
}
else alert('发生严重错误'+xhr.status);//发生错误
}
}
xhr.send(null);
}
</script>
<style type="text/css">
.hide{display:none}
</style>
<!--注意修改refreshdata的参数,传入文章对应的ID,这样传递到服务器读取对应的内容,同时多添加一个参数,指示返回的内容显示在那个容器上-->
<h1 style="font:Times New Roman, Times, serif; font-size:14px; color:#FF3366;font-weight:bold; border:1px solid;border-color:#Ff0000; width:133px; height:23px; position:absolute; float:left; left: 308px; top: 138px;text-align:center;background:ffffff;vertical-align:super;" onclick="refreshdata(1,'x1')">Match1</h1>
<div id="x1" class="hide"><!--你是否有多个标题,然后需要读取多个内容,如果是你可以写一个通用的样式,然后设置class属性就行了-->
<h1 style="font:Times New Roman, Times, serif; font-size:14px; color:#FF3366;font-weight:bold; border:1px solid;border-color:#Ff0000; width:133px; height:23px; position:absolute; float:left; left: 308px; top: 138px;text-align:center;background:ffffff;vertical-align:super;" onclick="refreshdata(2,'x2')">Match2</h1>
<div id="x2" class="hide">
</div>
id=request.querystring("id")
data=""'存储数据库中对应记录的内容
'====根据id读数据库,经内容存入变量data中的代码,自己写
response.write data'=======输出内容提供给ajax使用
function onclick()
{
creatXMLHTTP();
var url="match.asp?"
XMLHTTP.open('GET',url,true);
XML.onreadystatechange=refreshdata(m);
XML.send(null);
}
var x = getXMLHTTPObj();//这个方法没有定义吧?
function refreshdata(m)
{
creatXMLHTTP();
var url="match.asp?_dc="+new Date().getTime(); //加时间戳防止get提交时IE下的缓存问题
var x = xmlHttp//getXMLHTTPObj();//=============
x.onreadystatechange=function event()
{
if(x.readystate==4)
{
if(x.status==200)
{
refreshdata();//=======成功后再次调用,建议还是setTimeout调用,要不连续的发起请求,人多访问怕你服务器要当掉
}
}
}
x.open('GET',url,true);
x.setRequestHeader("Content-Type","text/XML");
x.send(null);
}