使用ajax调用填充显示表
我正在使用portlet和spring MVC。 我想获得一个带有ajax调用的项目列表,并使用该列表作为display:table属性。
我用这个ajax调用:
jQuery.ajax({ url:' ', data: {idExpediente:expediente}, type: 'POST', datatype:'json', success: function(data) { alert(data); }
每次用户选择组合项时都会执行此调用。 每次恢复时不同的项目列表。
我的问题是:如何使用该列表生成可显示的内容?
有没有办法更新显示:jsp中用该列表定义的表?
我定义的显示,检索requestScope的列表,但我想用ajax调用检索列表。
我的展示:表:
从json数据生成表的脚本,用这段代码替换alert(data),这里data.scores是我的数据
var data = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] } $(data.scores).each(function(index, element){ $('#scores').append(' '+element[0]+' '+element[1]+' '); })
我的问题是:如何使用该列表生成可显示的内容?
根据我的经验,您的列表必须包含json数据的映射,例如:
Map productMap = new HashMap(); productMap.put("id", "1"); productMap.put("name", "Coca Cola"); List productList = new ArrayList (); productList.add(productMap); jsonWriter.object() .key("status").value(true) .key("pList").value(productList) .endObject();
pList包含产品图。
有一种方法可以更新显示:在jsp中使用该列表定义的表吗?
是的,在我使用firebug检查显示表标签部分后,我发现显示表标签将更改为正常的html表。 所以在ajax :
success: function(data){ if(data.status == true){ var strHtml=''; for(var i=0;i'"+data.pList[i].name+"' '; } jQuery("table#docentes tbody").html(strHtml); } },
和你的显示标签 :
- typeahead.js ajax远程数据源仅适用于同步ajax请求
- 如何使用ajax更新select2下拉列表中的数据
- jQuery自动完成,当我提出一个新的时,我可以让之前的ajax调用停止吗?
- 如何在普通的javascript中实现jQuery Mobile Animated Ajax页面导航(转换)
- jquery ajax with async false挂起firefox
- 更改事件不是由动态选择触发的
- jQuery AJAX GET / POST请求在error handling程序中返回404,但是从服务器发送了有效响应
- 在长ajax查询上更新进度条的模式
- jQuery如何与ajax加载的内容进行交互?