id ajax,AJAX_ajax.js里面有内容显示效果,根据ID,ajax.js里面有内容显示效果,根 - phpStudy...

本文介绍了一个JavaScript函数`makeRequest`,用于通过Ajax异步获取并更新页面内容。函数根据ID请求`GetSiteListFunction.asp`和`GetArticleFunction.asp`来加载或移除列表和文章。此外,还提供了`setCatlog`和`setArticleList`等方法来处理不同类型的显示逻辑。整个过程涉及到了动态内容显示、元素查找和页面交互,对于前端开发人员理解Ajax交互具有参考价值。

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的一种模块模式

网页设计制作之改进超级链接效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值