文档章节

SpringMVC前后台传递数据的jQuery遍历的形式(一)

Pig-man
 Pig-man
发布于 2016/04/05 11:37
字数 354
阅读 113
收藏 2

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

先看一下前台的ajax请求吧

function load_homepage(homeType){
	$.ajax({
		url:'../homepage/queryHomePage',
		data:{
			'homeType':homeType
		},
		error:function(){
			alert("error!");
		},
		……
		……

然后这样就跳转到了后台Controller的RequestMapping 为homepage/queryHomePage的链接

        @Resource
	private HomePageService homePageService;
	
	@ResponseBody
	@RequestMapping("queryHomePage")
	public List<HomePage> queryHomePage(String homeType){
		List<HomePage> list = homePageService.queryHomePage(homeType);
		return list;
	}

这样我们就得到了一个取自数据库的一个list,并将他教给前台,于是前台得到list后将会通过jQuery遍历,然后展现,为了方便,就在遍历的同时将list中的对象遍历为<html></html>格式,


接上面的前台的 function load_homepage(homeType){}

success:function(arr){
			var html_fn = '';
			$(arr).each(function(index,cm){
				if(cm['homeImg']==null || cm['homeImg']==''){
					return;
				}
				html_fn+='<div class="fun_div">'
					+'<div class="fun_title"><a href="'+cm['homeUrl']+'">'
					+'<img src="../upload/images/'+cm['homeImg']+'"></a></div>'
					+'<h3><a href="'+cm['homeUrl']+'">'+cm['homeTitle']+'</a></h3>'
					+'<div class="fun_exp">'+cm['homeContent']+'</div>'
					+'</div>';
				$(".plat_fun").height($(".plat_fun").height()+200/3);
				
			});
			$("#homepage_fn").html(html_fn);
		}
  })

这样就直接通过前台的<div></div>的class完成<html></html>赋值

当前台的展现沿用jQuery指定的div属性就可以了

 <div id="homepage_fn" style="width:100%;" >
	<div class="fun_div">
		<div class="fun_title"></div>
		<div class="fun_exp"></div>
	</div>
</div>

下午若是有时间上我以前惯用的方法,算是一起整理了。

这中方式适合于前台单一的去展现

© 著作权归作者所有

Pig-man
粉丝 20
博文 62
码字总数 47800
作品 0
青浦
程序员
私信 提问
springmvc接收json的问题

最近在看springmvc ajax传递json数据到后台 jquery提供的方法能正常运行,但是自己写js后台却不能获取,这是为什么呢? 难道jquery内部把json转换成了这种 key=value形式的字符串了? 如果不...

yybray
2014/10/07
1K
4
jquery如何取得table多行被checkbox选中的数据并传给后台

请各位大大帮帮忙。 在jsp中存在一个table,table中的内容是通过springmvc把查询到的list装入Model再传给jsp,在jsp中用c标签的forEach方法遍历出来的,每一行数据最前面都有一个checkbox,我...

刘双榕
2016/05/26
6.2K
2
huangdf/seezoon-framework-all

项目介绍 基于spring,mybatis,shiro面向接口开发的的一套后台管理系统,方便快速开发;采用常用的技术栈,降低学习成本,项目完全前后端分离,后端定义统一的接口格式,统一参数校验,统一权...

huangdf
2018/04/20
0
0
spring boot 接收 ajax 提交的表单数据

最近在学习 spring boot 在提交数据的时候遇到了一点问题 在使用formData 对表单进行提交的时候出现的 首先设置了让jquery 不出处理表单数据,不然jquery 会报错 这个是没问题的 然后设置让 ...

小鸟00
2018/08/06
4.6K
3
jquery通过json与SpringMVC交换数据 404错误

在学习jquery与SpringMVC交换数据,最开始的时候jquery每次发送给controller的json数据提示都是415,然后添加了 并在spring的配置文件里面设置了之后可以使用了,但是现在的问题是我的contr...

水之笔记
2017/03/03
453
5

没有更多内容

加载失败,请刷新页面

加载更多

密码加密与微服务鉴权JWT详细使用教程

[TOC] 1.1、了解微服务状态 微服务集群中的每个服务,对外提供的都是Rest风格的接口,而Rest风格的一个最重要的规范就是:服务的无状态性。 什么是无状态? 1.服务端不保存任何客户端请求者信...

庭前云落
18分钟前
6
0
Xamarin.FormsShell基础教程(9)Shell相关类体系

Xamarin.FormsShell基础教程(9)Shell相关类体系 在Shell中,最为主要的类是Shell类。Shell类实现了大多数应用程序所需的基本UI功能的页面。除此以外,常用的类还有ShellContent、Tab、Fly...

大学霸
20分钟前
4
0
聊聊MVC、MVP、MVVM吧

先来介绍下本文结构: 三种框架的具体概念 在安卓开发上的写法、优缺点 1.概念 1.1 MVC MVC模式(Model–view–controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模...

二营长的意大利炮手
37分钟前
4
0
如果解释Python,什么是.pyc文件?

我已经了解Python是一种解释型语言......但是,当我查看我的Python源代码时,我看到.pyc文件,Windows将其识别为“编译的Python文件”。 这些来自哪里? #1楼 Python代码经历了两个阶段。 第...

javail
42分钟前
4
0
.NET Core初览

初览的应用场景为游戏服务器开发。所以测试在侧重点上更强于IO和密集型计算 TODO

梦想游戏人
44分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部