溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ajax.js里面如何根據(jù)ID顯示內(nèi)容

發(fā)布時(shí)間:2021-09-30 09:14:11 來源:億速云 閱讀:126 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“ajax.js里面如何根據(jù)ID顯示內(nèi)容”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“ajax.js里面如何根據(jù)ID顯示內(nèi)容”吧!

ajax.js里面有內(nèi)容顯示效果,根據(jù)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<obj.length;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<ExpandList.length-1;b++)
                {
                    setCatlog(ExpandList[b],Order,LeftNumber)        
                }
             } catch (e) {}

    }

感謝各位的閱讀,以上就是“ajax.js里面如何根據(jù)ID顯示內(nèi)容”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)ajax.js里面如何根據(jù)ID顯示內(nèi)容這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI