0 0

一个关于ajax返回数据更新div里的迭代器的问题10

我通过ajax向后台访问数据后,需要更新现有的层
后台返回的是一个列表allArticleList,前台需要更新一个迭代器 <s:iterator value="allArticleList" status="stuts">
完全代码如下:
js代码:

//回调函数
function findSucc()
{
    restext = eval("(" + this.req.responseText + ")");

var articlelist = document.getElementById("articlelist");
//这里怎么写
return true;
}
html代码:
<DIV class="body clearfix" id="articlelist">     <TABLE class=tableList cellSpacing=0 cellPadding=0 width="100%" border=0>
<THEAD>
  <TR>
<TH class=time>日期 </TH>
<TH class=topic>文章标题 </TH>
<TH class=edit>修改 </TH>
<TH class=edit>删除 </TH>
  </TR> </THEAD>
<TBODY>
  <s:iterator value="allArticleList" status="stuts">
    <TR>
<TD class=time>
  <s:date name="write_time" format="yyyy-MM-dd"/>
</TD>
<TD class=topic>
  <s:property value="title" />
</TD>
<TD class=edit>
  <a href="/blog/admin/updateArticle.action?id= <s:property value="article_id" />">
    <img title="修改" alt="修改" src="/blog/images/ico_edit.gif" border="0">
  </a>
</TD>
<TD class=edit>
  <a onclick='{if(confirm("您确定删除吗?")){return true;}return false;}'        href=/blog/admin/deleteArticle.action?id= <s:property value="article_id" />>
        <img title="删除" alt="删除" src="/blog/images/ico_del.gif" border="0">
  </a>
</TD>
      </TR>
    </s:iterator>
</TBODY>
    </TABLE>
</DIV>
关键是怎么注入值到这个迭代器里面
2008年8月19日 13:57

3个答案 按时间排序 按投票排序

0 0

采纳的答案

直接用JS操作你的DIV就行了呀。你的<s:iterator value="allArticleList" status="stuts"> 最终解析变成html了呀。

2008年8月20日 23:19
0 0

嗨,还是模板问题呀!
刚兴趣的话看看
我写的jCT模板吧

2008年8月19日 18:59
0 0

你为什么想着要用struts2的叠代器,既然你自己都知道用的是 ajax 是js  你也应该知道js的编译顺序是在struts2的那些标签之后的, 也就是说 所有的JAVA代码编译完成后, 形成了固定的html之后, 这些JS才开始起作用, 你认为你还能指望struts的叠代器起作用?

你还是老老实实的一个个的取值好了
举个例子
<span id = "date"></span>
<javascript>
document.getElmentById("date").innerHTML=<%= request.getAttribute("date")%>
</javascript>
至于后台 我就不管鸟

2008年8月19日 15:11

相关推荐

    spring mvc+ajax 导出导入xml文件功能实现和整理

    在Ajax请求中,设置了一些关键的选项,比如type为POST表示发送的是一个POST请求,cache设置为false表示不缓存请求,processData和contentType设置为false表示不对数据进行额外的处理,因为FormData对象已经自动处理...

    jQuery第5天知识点:隐式迭代、链式编程、jQuery插件.7z

    jQuery的一个显著特性是它的选择器功能,它允许开发者通过CSS选择器轻松地选取DOM元素。当一个jQuery对象被创建后,所有与选择器匹配的元素都会被包含在内。对这个对象执行的方法会应用于该集合中的每一个元素,这...

    JQ 遍历节点树

    在JavaScript的世界里,jQuery(简称JQ)是一个广泛使用的库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。"JQ遍历节点树"这一主题,主要是关于如何利用jQuery API来探索和操作HTML文档中的元素结构。...

    jquery+div实现同时滑动切换的图文展示特效插件下载

    在本文中,我们将深入探讨如何使用jQuery和div元素来创建一个动态、美观的图文展示特效。这个插件设计巧妙,可以实现同时滑动切换的效果,为网页增添视觉吸引力,提升用户体验。 首先,jQuery是一个轻量级的...

    读jq之三(优雅的迭代)

    它接受一个CSS选择器,返回匹配该选择器的子元素集合: ```html &lt;div class="container"&gt; &lt;div class="item"&gt;Item 1&lt;/div&gt; &lt;div class="item"&gt;Item 2&lt;/div&gt; &lt;/div&gt; $('.container').find('.item').each...

    创建示例ASP.NET MVC工程

    - **AjaxExtensions**:这是一组扩展方法,用于简化Ajax调用的处理,例如处理数据更新或页面部分刷新。 借助这些工具,开发者可以更简单地实现异步操作,提高用户界面的响应性和交互性。 #### 使用客户端...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    struts2中核心知识点(职场必备)

    请求从客户端发送,经过Web服务器解析配置,通过核心控制器`strutsPreparedAndExecuteFilter`,然后经过一系列拦截器处理,到达Action,Action执行后返回一个结果,再经过拦截器链,最后由核心控制器决定返回相应的...

    jq02课堂笔记.docx

    2.2 **index()方法**:这个方法返回一个元素在它的兄弟元素中的位置,或者如果提供了一个元素或选择器作为参数,它会返回该元素在匹配集合中的位置。例如,`$('li').index('.active')`会返回`.active`类的`li`元素的...

    滑动分页(Jquery)

    通常,服务器会提供一个API接口,接收当前页码或偏移量等参数,返回相应分页的数据。 ```javascript function loadMoreContent() { $.ajax({ url: 'your-api-url', type: 'GET', data: { page: currentPage }, ...

    struts2 标签库 帮助文档

    div标签:AJAX标签,生成一个div片段。 fielderror标签:输出异常提示信息。 tabbedPanel:AJAX标签,生成HTML中的Tab页。 tree标签:生成一个树形结构。 treenode标签:生成树形结构的节点。

    jquery-tmpl-master.zip

    本文将深入探讨jQuery-Tmpl,一个用于在jQuery中实现模板引擎的插件,以及它如何帮助开发者构建动态、数据驱动的用户界面。 一、jQuery-Tmpl简介 jQuery-Tmpl是jQuery的一个扩展,提供了模板编译和渲染的功能。这...

    AngularJS Ajax详解及示例代码

    在这个例子中,`studentController`是一个控制器,负责管理`$scope`内的数据。`$http.get(url)`发送一个GET请求到指定的URL(data.txt),当请求成功时,响应的数据会被传递给回调函数,并赋值给`$scope.students`。...

    AngularJS一些实例代码

    这段代码展示了如何创建一个名为`myApp`的应用,并定义了一个`myCtrl`控制器,将`message`变量绑定到视图上。当`message`改变时,视图会自动更新。 接下来,可能包含的示例有指令的使用,AngularJS提供了自定义HTML...

    jQuery下拉列表框双向选择

    而“jQuery下拉列表框双向选择”则涉及到一种交互设计,允许用户在一个下拉列表中选择项,并同时将这些选择同步到另一个相关的下拉列表中,实现数据的双向同步。 要实现这样的功能,我们需要理解以下几个关键知识点...

    jQuery相关总结

    jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这个压缩包包含了一些关于jQuery的重要资源,对于想要深入学习jQuery的开发者来说,是不可多得的...

    java开发面试总结

    【Java开发面试总结】 在Java开发的面试过程中,面试官通常会关注候选人的技术栈是否广泛且深入。这里,我们重点讨论几个关键知识点,...不断学习和实践,保持技术的更新迭代,是每个Java开发者应该具备的职业素养。

    《疯狂前端讲义》代码

    jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。在jQuery中,你可以用简洁的语法来选择元素、修改属性、绑定事件和创建动态效果。例如,`$("#elementID")....

    jQuery 遍历的 each() 方法

    1. **遍历DOM元素**:`each()`最常用于遍历jQuery选择器返回的DOM元素集合,可以对每一个元素执行特定的操作。 ```javascript $('div').each(function(i, div) { console.log('这是第' + i + '个div元素:', div...

    JQuery1.10.2(含vsdoc智能提示)

    总结,jQuery 1.10.2是jQuery库的一个关键版本,它提供了丰富的功能,包括强大的选择器、DOM操作、事件处理、Ajax和动画。结合VSdoc智能提示,开发者可以更高效地编写和维护jQuery代码。理解并掌握这些知识点对于...

Global site tag (gtag.js) - Google Analytics