-
一个关于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个答案 按时间排序 按投票排序
-
采纳的答案
直接用JS操作你的DIV就行了呀。你的<s:iterator value="allArticleList" status="stuts"> 最终解析变成html了呀。
2008年8月20日 23:19
-
你为什么想着要用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
相关推荐
在Ajax请求中,设置了一些关键的选项,比如type为POST表示发送的是一个POST请求,cache设置为false表示不缓存请求,processData和contentType设置为false表示不对数据进行额外的处理,因为FormData对象已经自动处理...
jQuery的一个显著特性是它的选择器功能,它允许开发者通过CSS选择器轻松地选取DOM元素。当一个jQuery对象被创建后,所有与选择器匹配的元素都会被包含在内。对这个对象执行的方法会应用于该集合中的每一个元素,这...
在JavaScript的世界里,jQuery(简称JQ)是一个广泛使用的库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。"JQ遍历节点树"这一主题,主要是关于如何利用jQuery API来探索和操作HTML文档中的元素结构。...
在本文中,我们将深入探讨如何使用jQuery和div元素来创建一个动态、美观的图文展示特效。这个插件设计巧妙,可以实现同时滑动切换的效果,为网页增添视觉吸引力,提升用户体验。 首先,jQuery是一个轻量级的...
它接受一个CSS选择器,返回匹配该选择器的子元素集合: ```html <div class="container"> <div class="item">Item 1</div> <div class="item">Item 2</div> </div> $('.container').find('.item').each...
- **AjaxExtensions**:这是一组扩展方法,用于简化Ajax调用的处理,例如处理数据更新或页面部分刷新。 借助这些工具,开发者可以更简单地实现异步操作,提高用户界面的响应性和交互性。 #### 使用客户端...
您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...
请求从客户端发送,经过Web服务器解析配置,通过核心控制器`strutsPreparedAndExecuteFilter`,然后经过一系列拦截器处理,到达Action,Action执行后返回一个结果,再经过拦截器链,最后由核心控制器决定返回相应的...
2.2 **index()方法**:这个方法返回一个元素在它的兄弟元素中的位置,或者如果提供了一个元素或选择器作为参数,它会返回该元素在匹配集合中的位置。例如,`$('li').index('.active')`会返回`.active`类的`li`元素的...
通常,服务器会提供一个API接口,接收当前页码或偏移量等参数,返回相应分页的数据。 ```javascript function loadMoreContent() { $.ajax({ url: 'your-api-url', type: 'GET', data: { page: currentPage }, ...
div标签:AJAX标签,生成一个div片段。 fielderror标签:输出异常提示信息。 tabbedPanel:AJAX标签,生成HTML中的Tab页。 tree标签:生成一个树形结构。 treenode标签:生成树形结构的节点。
本文将深入探讨jQuery-Tmpl,一个用于在jQuery中实现模板引擎的插件,以及它如何帮助开发者构建动态、数据驱动的用户界面。 一、jQuery-Tmpl简介 jQuery-Tmpl是jQuery的一个扩展,提供了模板编译和渲染的功能。这...
在这个例子中,`studentController`是一个控制器,负责管理`$scope`内的数据。`$http.get(url)`发送一个GET请求到指定的URL(data.txt),当请求成功时,响应的数据会被传递给回调函数,并赋值给`$scope.students`。...
这段代码展示了如何创建一个名为`myApp`的应用,并定义了一个`myCtrl`控制器,将`message`变量绑定到视图上。当`message`改变时,视图会自动更新。 接下来,可能包含的示例有指令的使用,AngularJS提供了自定义HTML...
而“jQuery下拉列表框双向选择”则涉及到一种交互设计,允许用户在一个下拉列表中选择项,并同时将这些选择同步到另一个相关的下拉列表中,实现数据的双向同步。 要实现这样的功能,我们需要理解以下几个关键知识点...
jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。这个压缩包包含了一些关于jQuery的重要资源,对于想要深入学习jQuery的开发者来说,是不可多得的...
【Java开发面试总结】 在Java开发的面试过程中,面试官通常会关注候选人的技术栈是否广泛且深入。这里,我们重点讨论几个关键知识点,...不断学习和实践,保持技术的更新迭代,是每个Java开发者应该具备的职业素养。
jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。在jQuery中,你可以用简洁的语法来选择元素、修改属性、绑定事件和创建动态效果。例如,`$("#elementID")....
1. **遍历DOM元素**:`each()`最常用于遍历jQuery选择器返回的DOM元素集合,可以对每一个元素执行特定的操作。 ```javascript $('div').each(function(i, div) { console.log('这是第' + i + '个div元素:', div...
总结,jQuery 1.10.2是jQuery库的一个关键版本,它提供了丰富的功能,包括强大的选择器、DOM操作、事件处理、Ajax和动画。结合VSdoc智能提示,开发者可以更高效地编写和维护jQuery代码。理解并掌握这些知识点对于...