`
chqich73
  • 浏览: 5518 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax动态显示

阅读更多
<SCRIPT type=text/javascript>
var xmlhttp;

function send(){
if(window.XMLHttpRequest){
 xmlhttp=new XMLHttpRequest();
 if(xmlhttp.overrideMimeType){
   xmlhttp.overrideMimeType("text/xml");
 }else if(window.ActiveXObject){
  var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //取出一个控件名进行创建,如果创建成功就终止循环
                //如果创建失败,回抛出异常,然后可以继续循环,继续尝试创建
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){     
        }
}
}
if (!xmlhttp) {
        alert("XMLHttpRequest对象创建失败!!");
        return;
    } else {
       
    }
    xmlhttp.onreadystatechange=callback;
    xmlhttp.open("post","news.do?method=QuerySomeNews",true);
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    xmlhttp.send(null);
    }

    
 
   
  function callback(){
   if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
   
     var responseXML=xmlhttp.responseXML;
     var yan=responseXML.getElementsByTagName("response");
      var ta="<table class=STYLE2 width:100% border:0 id=ta>";
       
       for(var i=0;i<yan.length;i++){
       var y=yan[i];
       var title=y.childNodes[0].firstChild.data;
       var time=y.childNodes[1].firstChild.data;
       var nid=y.childNodes[2].firstChild.data;
       ta+="<tr id='aa'><TD align=middle width:14><IMG height:10 src='images/main_icon01.gif' width:10></TD>";
       ta+="<td width=263 align=left><a href='news.do?method=queryById&nid="+nid+"' cursor=hand>"+title+"</a></td>";
       ta+="<td align=right width=88> <DIV align=right><DIV align=right>"+time+"</DIV></DIV></td></tr>";  
       }
     ta+="</table>";
     document.getElementById("res").innerHTML=ta;
     setTimeout("send()",6000);
    
     if(responseXML==null){
      alert("数据没有传过来");
     }else{
     
     } 
    }
   
   }
  }
  }
</SCRIPT>
分享到:
评论

相关推荐

    AJAX流程介绍动态显示后台数据

    以下是一个简单的AJAX动态显示后台数据的实例: - 前端页面(progressBar.html)通过JavaScript监听用户触发的事件(如按钮点击),调用`go()`函数发起请求。`go()`函数中创建XMLHttpRequest对象,发送请求到后台的...

    Ajax+JSON动态显示某个div的内容

    有很多童鞋觉得Ajax难,觉得弹出层难,觉得动态在某个层显示数据难,其实并非是难,而是你没有接触到这些技术,当你真正的使用过之后才发现原来不过尔尔。 好了闲话不多说,为了更好的说明问题,我写了一个简单的...

    ajax树形菜单 动态显示

    而采用Ajax动态加载则可以解决这一问题。 首先,我们需要创建HTML结构来呈现树形菜单的基本框架。每个菜单项通常包含一个父级元素(如`&lt;li&gt;`),以及一个可展开/折叠的子菜单元素(如`&lt;ul&gt;`)。我们可以使用CSS来...

    AJAX动态树形目录

    在本项目中,"AJAX动态树形目录"利用AJAX与XML数据格式,实现了网页上动态显示和交互的树状目录结构。树形目录通常用于文件系统、网站导航或者组织层次结构信息,它通过节点的展开和折叠,使得用户可以方便地浏览和...

    Ajax动态树型菜单

    Ajax动态树型菜单是一种常见的网页交互元素,常用于网站导航或数据分类展示。它结合了Ajax(异步JavaScript和XML)技术,使得菜单项能够实时更新,无需每次操作都刷新整个页面,从而提供了更好的用户体验。在本文中...

    利用ajax动态提示路径

    【标题】:“利用ajax动态提示路径” 在网页开发中,我们常常需要实现用户在输入框中输入路径时,系统能够实时地动态展示与输入内容匹配的盘符或目录路径,这种功能可以极大地提升用户体验,减少用户手动输入的错误...

    ajax form 提交 动态显示

    "Ajax Form提交 动态显示"这一主题涉及到如何利用AJAX处理表单提交,并实时更新页面内容。 1. **AJAX基础**: - AJAX的核心是XMLHttpRequest对象,它负责在后台与服务器通信。 - AJAX的工作流程包括创建...

    dede(ajax).zip_dede_dedeajax分类_dede列表页ajax_php 排序

    在描述中提到的"dede列表页多种排序(ajax动态显示)"进一步确认了这是一个关于使用AJAX更新DEDE内容管理系统列表页面的排序方式,无需刷新整个页面,提供更好的用户体验。 DEDE是一个常见的开源CMS(内容管理系统)...

    基于JavaScript的Ajax动态购物车代码

    在这个基于JavaScript的Ajax动态购物车代码中,我们将探讨如何利用Ajax来更新购物车信息,实现用户在不离开当前页面的情况下添加、删除商品或更改数量。 首先,我们需要理解Ajax的核心组件。这包括XMLHttpRequest...

    Jsp+Ajax动态树菜单(BlueTree)

    **Jsp+Ajax动态树菜单(BlueTree)** 在Web开发中,动态树形菜单是一种常见的用户界面元素,它能够以树状结构显示数据,帮助用户更好地理解和操作复杂的层级关系。本项目“Jsp+Ajax动态树菜单(BlueTree)”正是针对这...

    ajax动态加载无限级树的复选框

    本话题聚焦于利用Ajax动态加载无限级树结构的复选框,这是一个常见于文件管理、组织架构展示、权限设置等场景的功能。在这里,我们将深入探讨如何实现这一功能。 首先,我们需要理解树形结构的数据模型。树形结构是...

    AjaxTree源码,AJAX动态获取节点的子节点

    通过AJAX动态加载子节点,使得TreeView在初次加载时只显示顶层节点,降低了初始加载的资源消耗。 **四、项目结构** - **AjaxTree.sln**:这是Visual Studio解决方案文件,包含了项目的所有组件和依赖关系,开发者...

    ajax动态树型菜单(jsp)

    要创建一个Ajax动态树型菜单,我们需要以下几个关键步骤: 1. **HTML结构**:创建基本的HTML结构,用于显示菜单项。这些菜单项可能包括`&lt;ul&gt;`和`&lt;li&gt;`标签,其中`&lt;li&gt;`可以包含更多的`&lt;ul&gt;`以表示子菜单。 2. **...

    动态菜单-Ajax实现

    JavaScript解析JSON数据,动态创建DOM元素,填充到菜单容器中,完成菜单的动态显示。 5. **优化用户体验**:为了使用户体验更流畅,可以在菜单加载过程中显示加载动画或提示,当菜单加载完毕后隐藏这些元素。 这个...

    ajax动态分页

    **Ajax动态分页**是一种网页数据加载技术,它允许页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术极大地提高了用户体验,因为它减少了用户等待时间,并且使得页面交互更加流畅。 **...

    ajax动态赋值echarts的实例(饼图和柱形图)

    在数据请求成功后,同样通过回调函数处理数据,填充到图表的option配置中,然后调用setOption方法更新图表,实现数据的动态显示。 文章还提到,后台代码可以根据实际情况自行编写,只需保证返回的数据格式能被前端...

    Ajax动态级联树源代码

    Ajax动态级联树是一种在网页中实现数据交互和展示层次结构数据的有效技术。它结合了Ajax(异步JavaScript和XML)的优势,使用户能够在不刷新整个页面的情况下获取和操作数据,提供流畅的用户体验。本资源包含的就是...

    ajax实现的动态树菜单

    在本案例中,"真正的使用ajax动态交互的动态树"意味着当用户展开或点击一个树节点时,相关数据将通过Ajax请求从服务器获取,而不是在页面加载时一次性加载所有数据。 动态树菜单的实现通常包括以下步骤: 1. **...

    AJAX动态树形结构

    - **DOM**:实现页面的动态显示与交互。 - **XML/XSLT**:进行数据交换与处理。 - **XMLHttpRequest**:实现异步数据读取。 - **JavaScript**:绑定与处理数据。 - **工作原理**:通过在用户和服务器之间加入...

    不错的适合练手、课程设计、毕业设计的JSP项目源码:动态显示JSP服务器内存的Ajax程序 图像版.rar

    不错的适合练手、课程设计、毕业设计的JSP项目源码:动态显示JSP服务器内存的Ajax程序 图像版.rar不错的适合练手、课程设计、毕业设计的JSP项目源码:动态显示JSP服务器内存的Ajax程序 图像版.rar不错的适合练手、...

Global site tag (gtag.js) - Google Analytics