java 返回json list及jquery 解析

最新推荐文章于 2024-07-20 03:10:13 发布

ying890

最新推荐文章于 2024-07-20 03:10:13 发布

阅读量707

点赞数

CC 4.0 BY-SA版权

分类专栏： js java

本文链接：https://blog.youkuaiyun.com/ying890/article/details/42065595

js 同时被 2 个专栏收录

36 篇文章

订阅专栏

java

25 篇文章

订阅专栏

本博客介绍了一个使用AJAX实现的应用图片加载方法，包括登录验证、水印处理和文件读取，并通过JSON对象返回图片数据。此外，展示了前端如何解析返回的数据并展示图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import net.sf.json.JSONObject;

public void phasesManageAddPage(HttpServletRequest request,HttpServletResponse response,ModelMap modelMap
			,PrintWriter out){
		if(logger.isTraceEnabled())
			logger.trace("into ajax/ajaxLoadAppImage");
		PageBean bean=new PageBean();
		List<Map<String, Object>> mapList=new ArrayList<Map<String,Object>>();
		try{
			LoginInfo info=LoginUtil.getCurrentLoginInfo(request);
			//水印
			String sywz=request.getParameter("sywz");
			//加载文件夹中app的图片
			mapList=ReadFileUtil.readfile(
					ApplicationConstant.UPLOAD_IMAGE_URL,info.getLoginName(),sywz);
			bean.setRootMap(mapList);
		}catch (Exception e) {
			// TODO: handle exception
			logger.error("error json"+e);
		}
		out.print(JSONObject.fromObject(bean));
	}

public class PageBean {

    private Integer       totalProperty;
    private Integer       start;
    private Integer       limit;
    @SuppressWarnings("unused")
    private Integer       startRow;
    @SuppressWarnings("unused")
    private Integer       endRow;
    private List<?>       root;
    private Object        queryParams;
    private String        querySql;
    private final Integer DEFUALT_PAGESIZE = 3;
    private Integer       PAGESIZE;
    
    private List<Map<String,Object>> rootMap;
    
    private boolean success=true;

    public PageBean() {

    }

    public String getQuerySql() {
        return querySql;
    }

    public void setQuerySql(String querySql) {
        this.querySql = querySql;
    }

    public PageBean(Integer totalProperty, List<?> root) {
        this.totalProperty = totalProperty;
        this.root = root;
    }

    public Integer getTotalProperty() {
        return totalProperty;
    }

    public void setTotalProperty(Integer totalProperty) {
        this.totalProperty = totalProperty;
    }

    public List<?> getRoot() {
        return root;
    }

    public void setRoot(List<?> root) {
        this.root = root;
    }

    public Object getQueryParams() {
        return queryParams;
    }

    public void setQueryParams(Object queryParams) {
        this.queryParams = queryParams;
    }

    public Integer getStart() {
        return start;
    }

    public void setStart(Integer start) {
        this.start = start;
    }

    public Integer getPAGESIZE() {
        return PAGESIZE;
    }

    public void setPAGESIZE(Integer pAGESIZE) {
        PAGESIZE = pAGESIZE;
    }

    public Integer getLimit() {
        return limit;
    }

    public void setLimit(Integer limit) {
        this.limit = limit;
    }

    public Integer getStartRow() {
        if (this.start == null)
            return 0;
        else {
            if (this.start.intValue() == totalProperty.intValue()) {
                return this.start - this.limit;
            }
            return this.start;
        }
    }

    public Integer getEndRow() {
        if (this.limit == null)
            if (PAGESIZE != null && PAGESIZE != 0) {
                return PAGESIZE;
            } else {
                return DEFUALT_PAGESIZE;
            }
        else {
            if (this.start.intValue() == totalProperty.intValue()) {
                return this.start;
            }
            return this.start + this.limit;
        }
    }

	public List<Map<String, Object>> getRootMap() {
		return rootMap;
	}

	public void setRootMap(List<Map<String, Object>> rootMap) {
		this.rootMap = rootMap;
	}

	public boolean isSuccess() {
		return success;
	}

	public void setSuccess(boolean success) {
		this.success = success;
	}
}

function sel_app_image(){
	var sywz=$("#sywz").val();
	$.ajax({
		url : "../ajax/ajaxLoadAppImage.do?date="+new Date(),
		data : {"sywz":sywz},
		type : 'post',
		dataType : 'json',
		success : function(data) {
			if (data.success == true) {
				var jsonData=data.rootMap;
				var arraySize=jsonData.length;
				if(arraySize >0){
					//清空
					$("#appImageAll").empty();
					//图片总数量 在appImageAll标签里面添加<input type='hidden' name='mapListCount' id='mapListCount' value='"+arraySize+"' />
					$("#appImageAll").append("<input type='hidden' name='mapListCount' id='mapListCount' value='"+arraySize+"' />");
					for(var i=0;i<arraySize;i++){
						var map=jsonData[i];
						//在mapListCount 标签后面添加<input id='appCheckbox"+i+"' type='checkbox' name='"+map.num+"' value='"+map.upload+","+map.uploadImage+"' />
						$("#mapListCount").after("<input id='appCheckbox"+i+"' type='checkbox' name='"+map.num+"' value='"+map.upload+","+map.uploadImage+"' />");
						$("#appCheckbox"+i+"").after("<img id='appImage"+i+"' src='"+map.key+"' alt='app图片' width='140' height='90' />");
					   if((i+1)%4 == 0){
							$("#appImage"+i+"").append("<br/>");
						}
					}
				}else{
					//没图片,清空
					$("#appImageAll").empty();
				}
			}
		},error : function(errorThrown) {
			alert("js代码有错或者后台代码有错！");
			alert(errorThrown);
		}
	});
}