jsp页面ajax返回list(里面放有对象)进行循环并插入table
来源:互联网 发布:家园2 mac 中文版 编辑:程序博客网 时间:2024/06/05 00:50
table:
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="memb-table"id="datas">
</table>
ajax:
<script type="text/javascript">
function searchSource(){
function searchSource(){
//获取搜索框里的值
var keyWord=$('#keyWord').val();
var typeSource = $('#typeSource option:selected').val();
//循环数据前先删除table的所有行
var tb = document.getElementById('datas');
var rowNum=tb.rows.length;
for (i=0;i<rowNum;i++)
{
tb.deleteRow(i);
rowNum=rowNum-1;
i=i-1;
}
if( typeSource.length!=0 ){
$.ajax({
type: 'POST',
url: "${ctxFront}/media/PCfront/searchSource",
dataType: "json",
cache:true,
async:false,
data: {sourceName: keyWord,typeSource:typeSource},
success: function (data) {
if(data.result == 'success'){
var keyWord=$('#keyWord').val();
var typeSource = $('#typeSource option:selected').val();
//循环数据前先删除table的所有行
var tb = document.getElementById('datas');
var rowNum=tb.rows.length;
for (i=0;i<rowNum;i++)
{
tb.deleteRow(i);
rowNum=rowNum-1;
i=i-1;
}
if( typeSource.length!=0 ){
$.ajax({
type: 'POST',
url: "${ctxFront}/media/PCfront/searchSource",
dataType: "json",
cache:true,
async:false,
data: {sourceName: keyWord,typeSource:typeSource},
success: function (data) {
if(data.result == 'success'){
//listSource为后台传过来的数组
var source=data.listSource;
for(i in source){
var tbBody = "";
tbBody += "<tr id=\"template\"><td id=\"name\">"+source[i].name+"</td></tr>";
$("#datas").append(tbBody);
}
}else{
var tbBody = "";
tbBody += "<tr id=\"template\"><td id=\"name\">没有您想要的素材</td></tr>";
$("#datas").append(tbBody);
}
}
});
}
}
var source=data.listSource;
for(i in source){
var tbBody = "";
tbBody += "<tr id=\"template\"><td id=\"name\">"+source[i].name+"</td></tr>";
$("#datas").append(tbBody);
}
}else{
var tbBody = "";
tbBody += "<tr id=\"template\"><td id=\"name\">没有您想要的素材</td></tr>";
$("#datas").append(tbBody);
}
}
});
}
}
java后台:
@ResponseBody
@RequestMapping(value = "searchSource")
public void searchSource(HttpServletRequest request,HttpServletResponse response, Model model){
MemberInfo member = isLogin(request, response);
Map<String, Object> result = new HashMap<String,Object>();
Long typeSource = RequestUtil.getLong(request, "typeSource");
String sourceName = RequestUtil.getString(request, "sourceName");
System.out.println("sourceName:"+sourceName);
System.out.println("typeSource:"+typeSource);
result.put("result", "success");
result.put("message", "获取成功!");
if(member!=null && member.getId()>0){
if(typeSource==1){
MaterialVideo materialVideo=new MaterialVideo();
materialVideo.setMemberId(member.getId());
materialVideo.setName(sourceName);
List<MaterialVideo> listVideo=materialVideoService.findByMemberId(materialVideo);
System.out.println("listVideo:"+listVideo.size());
if(listVideo.size()>0){
result.put("result", "success");
result.put("listSource", listVideo);
result.put("message", "获取成功!");
}else{
result.put("result", "false");
result.put("message", "没有该素材");
}
}
if(typeSource==2){
MaterialAudio materialAudio=new MaterialAudio();
materialAudio.setMemberId(member.getId());
materialAudio.setName(sourceName);
List<MaterialAudio> listAudio=materialAudioService.findByMemberId(materialAudio);
System.out.println("listAudio:"+listAudio.size());
if(listAudio.size()>0){
result.put("result", "success");
result.put("listSource", listAudio);
result.put("message", "获取成功!");
}else{
result.put("result", "false");
result.put("message", "没有该素材");
}
}
}
writeJson(request, response, result);
}
@RequestMapping(value = "searchSource")
public void searchSource(HttpServletRequest request,HttpServletResponse response, Model model){
MemberInfo member = isLogin(request, response);
Map<String, Object> result = new HashMap<String,Object>();
Long typeSource = RequestUtil.getLong(request, "typeSource");
String sourceName = RequestUtil.getString(request, "sourceName");
System.out.println("sourceName:"+sourceName);
System.out.println("typeSource:"+typeSource);
result.put("result", "success");
result.put("message", "获取成功!");
if(member!=null && member.getId()>0){
if(typeSource==1){
MaterialVideo materialVideo=new MaterialVideo();
materialVideo.setMemberId(member.getId());
materialVideo.setName(sourceName);
List<MaterialVideo> listVideo=materialVideoService.findByMemberId(materialVideo);
System.out.println("listVideo:"+listVideo.size());
if(listVideo.size()>0){
result.put("result", "success");
result.put("listSource", listVideo);
result.put("message", "获取成功!");
}else{
result.put("result", "false");
result.put("message", "没有该素材");
}
}
if(typeSource==2){
MaterialAudio materialAudio=new MaterialAudio();
materialAudio.setMemberId(member.getId());
materialAudio.setName(sourceName);
List<MaterialAudio> listAudio=materialAudioService.findByMemberId(materialAudio);
System.out.println("listAudio:"+listAudio.size());
if(listAudio.size()>0){
result.put("result", "success");
result.put("listSource", listAudio);
result.put("message", "获取成功!");
}else{
result.put("result", "false");
result.put("message", "没有该素材");
}
}
}
writeJson(request, response, result);
}
阅读全文
0 0
- jsp页面ajax返回list(里面放有对象)进行循环并插入table
- ajax返回jsp页面
- struts2中从数据库中读取数据,并在JSP页面中遍历保存有JavaBean对象的List对象
- 循环时,对象放里面,放外面的问题
- js向jsp页面循环放值
- 在jsp页面如何获取Map里面某一个指定集合的值并循环打印
- 用ajax提交到后台方法,返回一个json数组,在前台怎么去将这个json数据读取出来放在table里面。
- List里面的对象进行排序
- map里面放的list,list放的是对象,怎么遍历
- jsp页面的ajax和form表单提交后接收数据的区别(SpringMVC控制器返回Map对象)
- JSP注册页面(连接并插入数据库)
- 从jsp页面发送ajax请求,servlet接受参数并返回json数据
- 容易遗忘的Comparable:一个结果集List,里面有很多的对象,要求根据对象的指定(age)字段进行排序
- 如何通过JQ,Ajax来实现返回到上一个页面并进行刷新
- Java中返回的对象无法再jsp页面中循环遍历到标签上
- servlet查询所有消息"List<Message>",并跳转到页面"messageList.jsp"进行显示
- 有一个LIst 对象 对他进行排序 输出最大值最小 for循环
- Ajax 请求返回 html 页面并展示
- EntityFrameWork 课程2
- LeakCanary常见泄漏解决方法
- bash: syntax error near unexpected token `newline'(关键词:flask/bug)
- STM32通用同步异步收发器(USART)
- 自己学习之用
- jsp页面ajax返回list(里面放有对象)进行循环并插入table
- Android版本更新(适用于6.0/7.0)
- SpringBoot注解详解
- Apache流量猛增,并发过高导致问题的处理解决方案
- C++中cin的详细用法
- call和apply的区别和用法
- php代码审计(二)
- linux --git 操作手册
- ios 初级入门 (一)