ajax.js里面有内容显示效果,根据ID
ajax.js里面有内容显示效果,根据ID
复制代码 代码如下:
var http_request = false;
var success=false;
var ShowAllListFlag=1;
var DisplayArticle=true;
function makeRequest(url,cateID) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('GET', url, false);
http_request.send(null);
if (success==true)
{
try {
cateID.innerHTML=http_request.responseText;
} catch (e) {}
success==false;
}
}
function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
success=true;
} else {
alert('There was a problem with the request.');
}
}
}
function setCatlog(ID,Order,LeftNumber) {
var cateID=document.getElementById('Cate'+ID);
setdisplay(cateID);
if (cateID.style.display=="")
{
var url2="INCLUDE/GetSiteListFunction.asp?ID="+ID+"&Order="+Order+"&LeftNumber="+LeftNumber+"&r="+Math.random();
makeRequest(url2,cateID);
}
else
{
var url2="INCLUDE/GetSiteListFunction.asp?ID="+ID+"&RemoveID=1&r="+Math.random();
makeRequest(url2,cateID);
}
}
function setArticleList(EncodeURL,ArticleID) {
if (DisplayArticle==true)
{
try { var objArticleIDtop = document.getElementById('top'+ArticleID);
var objArticleIDbottom = document.getElementById('bottom'+ArticleID);
if (objArticleIDtop)
{
if (objArticleIDtop.style.display=="none")
{
objArticleIDtop.style.display="";
}
else
{
objArticleIDtop.style.display="none";
}
}
if (objArticleIDbottom)
{
if (objArticleIDbottom.style.display=="none")
{
var url2="INCLUDE/GetArticleFunction.asp?LinkStr="+EncodeURL+"&r="+Math.random();
makeRequest(url2,objArticleIDbottom);
objArticleIDbottom.style.display="";
}
else
{
objArticleIDbottom.style.display="none";
}
}
} catch (e) {alert(e.description);}
}
else
{
}
}
function DisplayContent(ArticleID) {
if (DisplayArticle==true)
{
try { var objArticleIDtop = document.getElementById('top'+ArticleID);
var objArticleIDbottom = document.getElementById('bottom'+ArticleID);
if (objArticleIDtop)
{
if (objArticleIDtop.style.display=="none")
{
objArticleIDtop.style.display="";
}
else
{
objArticleIDtop.style.display="none";
}
}
if (objArticleIDbottom)
{
if (objArticleIDbottom.style.display=="none")
{
objArticleIDbottom.style.display="";
}
else
{
objArticleIDbottom.style.display="none";
}
}
} catch (e) {alert(e.description);}
}
else
{
}
}
function setdisplay(cateID) {
if (cateID.style.display=="none")
{
cateID.style.display="";
cateID.innerHTML="Loading..."
}
else
{
cateID.style.display="none";
}
}
function setdisplay2(cateID) {
if (ShowAllListFlag==1)
{
cateID.style.display="";
cateID.innerHTML="Loading..."
}
else
{
cateID.style.display="none";
}
}
function ShowAllList(Order,LeftNumber,TagName) {
var obj = document.getElementsByTagName(TagName)
for (a=0;a
{
if (obj[a].className=="SiteList")
{
obj2=obj[a].id;
var ID=obj2.replace("Cate","");
var cateID=document.getElementById(obj2);
setdisplay2(cateID);
if (cateID.style.display=="")
{
var url2="INCLUDE/GetSiteListFunction.asp?ID="+ID+"&Order="+Order+"&LeftNumber="+LeftNumber+"&r="+Math.random();
makeRequest(url2,cateID);
}
else
{
var url2="INCLUDE/GetSiteListFunction.asp?ID="+ID+"&RemoveID=1&r="+Math.random();
makeRequest(url2,cateID);
}
}
}
if (ShowAllListFlag==1)
{
ShowAllListFlag=2;
}
else
{
ShowAllListFlag=1;
}
}
function ExpandListBySession(Str,Order,LeftNumber) {
try {
var ExpandList=Str.split("|");
for (b=0;b
{
setCatlog(ExpandList[b],Order,LeftNumber)
}
} catch (e) {}
}相关阅读:
Oracle中生成GUID类型
关于Linux操作系统源代码查看工具的介绍
免费资源:7个效果非常棒的jQuery 3D效果插件
PHP教程 预定义变量
按比例放大缩小图片的函数
PHP SimpleXML
让网页更有阅读性的几个网页设计技巧
xajax如何给select增加值
Dojo 日期控件的国际化和集成
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
javascript拓展DOM操作 prependChild insertAfert
让你的windows7 系统更加完美的12种设置技巧
Javascript的一种模块模式
网页设计制作之改进超级链接效果
本文介绍了一个JavaScript函数`makeRequest`,用于通过Ajax异步获取并更新页面内容。函数根据ID请求`GetSiteListFunction.asp`和`GetArticleFunction.asp`来加载或移除列表和文章。此外,还提供了`setCatlog`和`setArticleList`等方法来处理不同类型的显示逻辑。整个过程涉及到了动态内容显示、元素查找和页面交互,对于前端开发人员理解Ajax交互具有参考价值。

被折叠的 条评论
为什么被折叠?



