52,797
社区成员
发帖
与我相关
我的任务
分享动态载入的问题，ajax
<!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>
<link href="font.css" rel="stylesheet" type="text/css" />
<style type="text/css">
@import url(054/menuTab.css);
</style>
<script type="text/javascript">
<!--
var xmlHttp;
function createXHR(){
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (!xmlHttp) {
alert('您使用的瀏覽器不支援 XMLHTTP 物件');
return false;
}
}
function sendRequest(url){
createXHR();
url+='?ts='+new Date().getTime();
xmlHttp.open('GET',url,true);
xmlHttp.onreadystatechange=catchResult;
xmlHttp.send(null);
}
function catchResult(){
if (xmlHttp.readyState==4){
if (xmlHttp.status == 200) {
document.getElementById('tabContent').innerHTML=xmlHttp.responseText;
}else{
var msg='<strong>'+xmlHttp.status+':</strong><br/>'+xmlHttp.statusText;
document.getElementById('tabContent').innerHTML=msg;
}
}
}
function loadTab(obj,url){
//建立載入畫面
var tab=document.getElementById('tabContent');
tab.innerHTML='<img src="054/Loading.gif" width="16" height="16" align="absmiddle" /> Loading...';
//將 Tab 標籤樣式設成 Blur 型態
var tabsF=document.getElementById('tabsF').getElementsByTagName('li');
for (var i=0;i<tabsF.length;i++){
tabsF[i].setAttribute('id',null);
}
//變更分頁標題樣式
obj.parentNode.setAttribute('id','current');
//啟動AJAX
setTimeout('sendRequest(\''+url+'\')',500);
}
//-->
</script>
<script>
function viewpage(p){
if(window.XMLHttpRequest){
var xmlReq = new XMLHttpRequest();
} else if(window.ActiveXObject) {
var xmlReq = new ActiveXObject('Microsoft.XMLHTTP');
}
var formData = "page="+p;
xmlReq.onreadystatechange = function(){
if(xmlReq.readyState == 4){
document.getElementById('tabContent').innerHTML = xmlReq.responseText;
}
}
xmlReq.open("post","search_main3.php", true); //之前的URL不知为什么不能传递到这里的url
xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlReq.send(formData);
return false;
}
</script>
</head>
<body onload="loadTab(document.getElementById('current').firstChild,'search_main3.php');viewpage(1)">
<p> </p>
<div id="tabsF">
<ul>
<li id="current"><a href="javascript://" onclick="loadTab(this,'search_main3.php');"><span>createXHR()</span></a></li>
<li><a href="javascript://" onclick="loadTab(this,'search_software2.php');"><span>sendRequest()</span></a></li>
</ul>
</div>
<div id="tabsC">
<div id="tabContent">
</div>
</div>
</body>
</html>这个是一个动态tab ajax的，我想加一个翻页的效果，代码中有这样一行
xmlReq.open("post","search_main3.php", true);
这个是search_main3.php如何用当前tab的页面，就是不是固定。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="font.css" rel="stylesheet" type="text/css" />
<style type="text/css">
@import url(054/menuTab.css);
</style>
<script type="text/javascript">
<!--
var xmlHttp;
function createXHR(){
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (!xmlHttp) {
alert('您使用的瀏覽器不支援 XMLHTTP 物件');
return false;
}
}
function sendRequest(url){
createXHR();
url+='?ts='+new Date().getTime();
xmlHttp.open('GET',url,true);
xmlHttp.onreadystatechange=catchResult;
xmlHttp.send(null);
}
function catchResult(){
if (xmlHttp.readyState==4){
if (xmlHttp.status == 200) {
document.getElementById('tabContent').innerHTML=xmlHttp.responseText;
}else{
var msg='<strong>'+xmlHttp.status+':</strong><br/>'+xmlHttp.statusText;
document.getElementById('tabContent').innerHTML=msg;
}
}
}
function loadTab(obj,url){
//建立載入畫面
var tab=document.getElementById('tabContent');
tab.innerHTML='<img src="054/Loading.gif" width="16" height="16" align="absmiddle" /> Loading...';
//將 Tab 標籤樣式設成 Blur 型態
var tabsF=document.getElementById('tabsF').getElementsByTagName('li');
for (var i=0;i<tabsF.length;i++){
tabsF[i].setAttribute('id',null);
}
//變更分頁標題樣式
obj.parentNode.setAttribute('id','current');
//啟動AJAX
setTimeout('sendRequest(\''+url+'\')',500);
}
//-->
</script>
<script>
function viewpage(p){
if(window.XMLHttpRequest){
var xmlReq = new XMLHttpRequest();
} else if(window.ActiveXObject) {
var xmlReq = new ActiveXObject('Microsoft.XMLHTTP');
}
var formData = "page="+p;
xmlReq.onreadystatechange = function(){
if(xmlReq.readyState == 4){
document.getElementById('tabContent').innerHTML = xmlReq.responseText;
}
}
xmlReq.open("post","search_main3.php", true); //之前的URL不知为什么不能传递到这里的url
xmlReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlReq.send(formData);
return false;
}
</script>
</head>
<body onload="loadTab(document.getElementById('current').firstChild,'search_main3.php');viewpage(1)">
<p> </p>
<div id="tabsF">
<ul>
<li id="current"><a href="javascript://" onclick="loadTab(this,'search_main3.php');"><span>createXHR()</span></a></li>
<li><a href="javascript://" onclick="loadTab(this,'search_software2.php');"><span>sendRequest()</span></a></li>
</ul>
</div>
<div id="tabsC">
<div id="tabContent">
</div>
</div>
</body>
</html>这个是一个动态tab ajax的，我想加一个翻页的效果，代码中有这样一行
xmlReq.open("post","search_main3.php", true);
这个是search_main3.php如何用当前tab的页面，就是不是固定。
...全文
请发表友善的回复…
发表回复
瞭月 2010-01-15
- 打赏
- 举报
什么意思看不懂，帮顶~~~~~~~~~~
