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<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) {}

}

(0)

相关推荐

  • JavaScript使表单中的内容显示在屏幕上的方法

    本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法.分享给大家供大家参考.具体实现方法如下: 一.使内容水平出现 <html> <head> <title>测试</title> <script type="text/javascript"> function to() { var txt=document.getElementById("txt").value; document.getEl

  • Python爬虫抓取手机APP的传输数据

    大多数APP里面返回的是json格式数据,或者一堆加密过的数据 .这里以超级课程表APP为例,抓取超级课程表里用户发的话题. 1.抓取APP数据包 方法详细可以参考这篇博文:Fiddler如何抓取手机APP数据包 得到超级课程表登录的地址:http://120.55.151.61/V2/StudentSkip/loginCheckV4.action 表单: 表单中包括了用户名和密码,当然都是加密过了的,还有一个设备信息,直接post过去就是. 另外必须加header,一开始我没有加header得

  • JS实现左右拖动改变内容显示区域大小的方法

    本文实例讲述了JS实现左右拖动改变内容显示区域大小的方法.分享给大家供大家参考.具体如下: 这里演示左右可拖动的内容显示区效果,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求.本代码完全JavaScript与CSS代码结合实现,在各主流浏览器内运行的兼容性也不错,左右拖动改变大小的JS代码推荐给大家. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2

  • asp.net下 jquery jason 高效传输数据

    Default.html <!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> <title>test2<

  • AJAX 异步传输数据的问题

    要异步传输的数据: Xml代码 .... <action xsi:type="basic:JavaScript" script="index += 1;"/> .... Ajax异步传输代码: Js代码 复制代码 代码如下: var postData = "input="+ escape(inputJSON) +"&script="+escape(xml)+ "&feedGeneral=&

  • 基于Jquery的跨域传输数据(JSONP)

    后端: 复制代码 代码如下: <?php $json_str = json_encode(array("ddd"=>"11111111")); echo $_GET['ja'].'('.$json_str.')'; ?> 前端: 复制代码 代码如下: $.getJSON('http://www.liushan.cn/test.php?ja=?',function (json){ alert(json); }); 纯JS实现(JSONP): 复制代码

  • java编程实现基于UDP协议传输数据的方法

    本文实例讲述了java编程实现基于UDP协议传输数据的方法.分享给大家供大家参考,具体如下: UDP协议(User Datagram Protocol,用户数据报协议)不同于TCP协议,它是不可能靠的,但是它比TCP协议具有更快的传输速度,UDP发送的数据单元称为数据报,当网络传输UDP传输UDP数据报是无法保证数据能够到达目的地,也无法保证按发送的顺序到达目的地,也就是说先发送了"hello",再发送了"world",但接收方可能会先收到"world&q

  • js实现内容显示并使用json传输数据

    最近做一个项目,要求是div内为空 所有代码都写在<script>里面,<script>里面的文本用json传输,这个问题对于我来说有些困难. 还好,最后在教程和同事的帮助下写出来了,下面贴上源代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>测试项目</title> <script src="

  • 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,...

  • jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例

    本文实例讲述了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作.分享给大家供大家参考,具体如下: 1.先给json格式的数据: [ {"id":1,"name":"stan"}, {"id":2,"name":"jack"}, {"id":3,"name":"lucy"}, {"id&quo

  • javascript结合ajax读取txt文件内容

    代码很简洁,这里就不多废话了,直接上源码 html代码 复制代码 代码如下: <!doctype html>  <html>   <head>       <meta charset="utf-8"/>       </head>       <body>           <button type="button"  onclick="show()">请求数据

  • js实现具有高亮显示效果的多级菜单代码

    本文实例讲述了js实现具有高亮显示效果的多级菜单代码.分享给大家供大家参考.具体如下: 这是一款具有高亮效果的菜单,菜单设计的也比较简洁,鼠标放在一级菜单上可以看到二级菜单的高亮效果,整体风格简约大方,适用于一些比较"干净"没有过多修饰的网站. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-blink-show-style-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-/

  • JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

  • 原生JS实现列表内容自动向上滚动效果

    效果展示 (鼠标移入,滚动停止:鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div.因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul.如下图:    (红色边框为可视区域div,此处为了方便查看效果去除overflow:hidden:) 2. 样式方面:由于要滚动,所以必须2个ul的高度 > 外层可视div高度,且div必须设置overflow:hidden; 代码实现 HTML: <div id="revie

  • Js Snowflake(雪花算法)生成随机ID的实现方法

    1.snowflake-id插件 import SnowflakeId from "snowflake-id"; const guid = num => { const id= new SnowflakeId(); return id.generate(); }; 2.原生使用 var Snowflake = /** @class */ (function() { function Snowflake(_workerId, _dataCenterId, _sequence) {

  • 使用 JS 复制页面内容的三种方案

    目录 引言 方式一:Async Clipboard API 方式二:Document.execCommand API 复制 DOM 元素内容 复制 input 元素内容 方法三:覆写 copy 事件 引言 现在有很多第三方插件能够实现 copy 功能,但如果让我们自己去做,我们知道如何去实现吗? 这篇文章介绍三种实现方案. 方式一:Async Clipboard API 使用 Async Clipboard API 这种方式使用起来最简单,但兼容性不太好,而且要求比较多. 示例代码: const

  • JS实现双击内容变为可编辑状态

    在一些网站上我们经常看到交互性很强的功能.一些用户资料可以直接双击出现文本框,并在此输入新的资料即可修改,无需再按确定按钮等.. 我在网上查了很多资料,但都有一个小bug,就是当获取焦点后,光标的位置在文本框内容是开始处,这样编辑时还需要用户再重新选择一下光标位置,这样的交互感觉不好:后来查到新的资料解决了此问题,希望可以帮助到更多的人. 代码部分: 注意:设置选择文本的内容或设置光标位置 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

  • 用JS让文章内容指定的关键字加亮

    用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 txt.innerHTML = txt.innerHTML.replace(/文章/gi,"文章"); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 多关键词 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:

随机推荐