怎么用ajax将后台List取出并在前台jsp页面做显示???

js:
<script>
function show(name){
$.post("groupAction_getAllByGroup.action",{name:name}, function(data){
$(data.users).each(function(){
alert($(this).attr("username"));
});
});
}
</script>

后台action:
public String getAllByGroup() throws Exception {
HttpServletRequest request = ServletActionContext.getRequest();
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
JSONArray jsonArray = new JSONArray();
JSONObject jsonobj = new JSONObject();
String name = request.getParameter("name");
List<User> users = dao.getAllByGroup(name);
User us = new User();
us.setUser_name("names");
users.add(us);
for(User user : users){
jsonobj.put("username", user.getUser_name());
jsonArray.add(jsonobj);
}
jsonobj = JSONObject.fromObject(jsonArray);
out.print(jsonobj);
out.flush();
out.close();
return null;
}

你可以在当前的页面中添加一个<div>标签,如
<div id="container" ></div>
在用jquery发送ajax请求并返回结果后,拼装html代码,并将拼接后的结果放到div标签之间就可以了
<script>
function show(name){
$.post("groupAction_getAllByGroup.action",{name:name}, function(data){
var html="";
$(data.users).each(function(){
   html+='.......'; //此处拼装要显示的html代码
});

 $('#container').html(html); //将拼装后的代码嵌入到<div>标签内。

});
}
</script>来自:求助得到的回答
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-12-24
前台循环下就下了
c:foreach

ajax获取后端数据在前端展示?
最简单的方法就是,参数传至另外一个Jsp页面时直接将值赋给一个隐藏的文本框,然后JS获取就行了。通过ajax读取到写好的jsp,另一个jsp可以放framse或者层都可以,显示就行了。用ajax获取到后台数据,然后拼接到html内容中就可以了,原生AJAX比较复杂,可以用jQuery的ajax。web前端工程师怎么从后台获取数...

怎么在jsp界面把list集合里的每个对象的属性值都取出来放到table里_百...
1、首先下面这几个包要存在:commons-beanutils.jar commons-collections.jar commons-lang.jar ezmorph-1.0.6.jar json-lib-2.2.3-jdk15.jar 2、然后改后台代码,转换为基本类型的值,传到前台:String json = JSONArray.fromObject(list).toString();out.print(json);3、jsp页面上的js:.getJS...

JSP进行交易明细的查询,怎么把结果显示在当前页?
刷新页面, 查询的时候跳转到后台去执行 然后又跑回该页面,把查询出来的东西放在request里,然后在jsp页面遍历出来就可以了。局部刷新,在查询方法的时候写个ajax进行查询,把查询结果返回来,这个查询结果是 拼装要显示的html代码+上你的查询结果,然后通过js(如:$("#id").append(你的返回结果))这样...

前端和后端代码如何整合(前端与后端如何)
网站开发前台代码和后台代码是怎么结合的?1、①你接触到的是这个网页是属于表示层,这个网页一般由HTML标签结合CSS\/JAVASCRIPT来实现的。这时候你要先填入数据。②然后你按提交触发后台处理机制,这时候数据会传到后台的代码进行处理。2、进入后台,模板风格-模板方案,将campus设为默认。3、\/要实现用户输入...

用Ajax怎么样取出数据库的内容进行对比?
3. **在JSP页面接收返回数据并判断**:在JSP页面上,通过Ajax调用`UserService`中的`findUser`方法。使用Ajax技术(如jQuery的`.ajax()`方法)来异步获取数据,避免页面刷新。获取到数据后,再次进行判断,以确定是否与预期相符。javascript .ajax({ type: "GET",url: "\/findUser",data: { ...

怎么将从servlet拿到的list集合用json数据显示到jsp页面?
可以这样做,返回类型为html格式,把集合显示做成单个页面(userlist.jsp),用div包含该页面,后台跳转到该页面,把div的html替换成返回来的html,页面:\\x0d\\x0a \\x0d\\x0a\\x0d\\x0a\\x0d\\x0avar submitUrl = "AdminMangeServlet";\\x0d\\x0a \\x0d\\x0a $.ajax({\\x0d\\x0a url: submitUrl,\\...

myeclipse里怎样将控制台不断循环输出的记录在jsp页面里面显示.
在MyEclipse中,若需将控制台不断循环输出的记录在JSP页面上显示,可以采用两种策略。若目标是实现在页面上实时更新内容,可采用AJAX技术。通过AJAX,后台数据异步地返回到前端,无需刷新整个页面,实现数据的实时更新。对于如何应用AJAX,查阅相关资料会提供有益的指导。然而,如果目标仅是将循环数据在JSP页面...

jquery获取页面后端数据。要用到Ajax。设置个button,点击button就能显示...
button添加事件 方法里面 .ajax({ url: xxxx.do?xx=xx,\/\/后台地址以及数据 type: "post",async:false,dataType : "json",success : function(data) { \/\/data为后台返回的数据,自行写入到jsp组件中显示 } } });

Ssm框架下怎么把数据库数据动态显示到前端页面?
1、首先通过代码获取到数据里的数据,$result = $this->service->getListData(); 这个方法就是获取数据库的数据的。2、获取到数据后,就可以在html代码里输出这些数据了,直接在html里嵌入一些php标签就行了,由于数据是一个数组,所以可以循环这个数组来输出。3、把数据显示在table上,数组里每一条...

jsp中显示后台数据并实时刷新
可以通过JS来实现 思路:通过定时器调用后台,调用时采用Ajax。最后再局部刷一下那个 div就Ok了。如有疑问可以在线和我联系 实例:(采用jquery+struts)jsp页面: (function(){ setInterval("random()",1000);});function random(){ .ajax({ type:"post",url:test.do,success:function(text){...

相似回答