springMVC简单前后台交互

最新推荐文章于 2022-12-13 12:40:09 发布
最新推荐文章于 2022-12-13 12:40:09 发布
阅读量520 收藏 1
点赞数
分类专栏： SSM 文章标签： springMVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43279637/article/details/83591024
版权

利用springMVC框架简单实现下前后端数据交互

test.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
	<form action="${pageContext.request.contextPath}/test/bb">
		userName:<input type="text" name="name">
		<br>
		age		:<input type="text" name="age">
		<br>
		<input type="submit" value="submit">
	</form>
	<br>
		<br>
	<button onclick="get()">ajax</button>
<script>
function get(){
	$.ajax({
		type:"get",
		url:"${pageContext.request.contextPath}/test/cc",
		dateType:"text/html",
		success:function(data,textStatus,jqXHR){
			$("[name='name']").val(data[0]);
			$("[name='age']").val(data[1]);
		},
		error:function(XMLHttpRequest,textStatus,errorThrown){
			alert("error");
		}
	});
}
	</script>
</body>
</html>

success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page isELIgnored="false"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<h2>欢迎进入本页面</h2>
<h1>name:${name}</h1>
<h1>age:${age}</h1>
</body>
</html>

controller:

package com.qc2.controllers;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.google.gson.Gson;

@Controller
@RequestMapping("/test")
public class Demo {

	@RequestMapping(value="/bb")
	public ModelAndView returninfo(String name,String age) {
		System.out.println(name+":::::"+age);
		ModelAndView mv=new ModelAndView();
		mv.addObject("name",name);
		mv.addObject("age",age);
		mv.setViewName("success");
		return mv;
	}
	
	@ResponseBody
	@RequestMapping(value="/cc")
	public String[] returninfo() {
		String name="lyc";
		String age="18";
		String arr[]= {name,age};
//		Gson json=new Gson();
//		String data = json.toJson(arr);
		return arr;
	}
}

实现效果：

 

点击ajax按钮调用后端的方法更改表单的值，

点击submit跳转到另一个jsp文件。

不坠青云之志
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前后端数据交互——Spring MVC
qq_45947664的博客
06-25 347
没有注解时，本质只是一个类@Controller表示当前层为控制层,spring MVC扫描后被赋予拦截请求功能通过@RequestMapping("") 注解匹配，后通过浏览器访问路径找到对应服务方法eg：@RequestMapping("patient") //路径映射注解，访问url：http://localhost:8080/patient如果patient下还有划分，则再加一个@RequestMapping（“example”），访问地址则再加一个斜杠，如：url：http://loc
SpringMVC框架之前后端数据交互（附Demo）
hestyle的博客
01-28 6193
在上一篇博客 SpringMVC框架之创建第一个项目（IDEA）演示了如何在Java Web项目中引入Spring MVC框架，本篇博客将演示SpringMVC如何进行前后端的数据交互，包括前端页面提交数据到controller以及controller返回数据给前端页面。 为了缩短博文篇幅，此处不再复述项目的创建、配置过程，请参考前一篇博客 SpringMVC框架之创建第一个项目（IDEA）。 ...
使用 Spring MVC 来实现简单的前后端交互
lfm1010123的博客
10-11 1491
使用 Spring MVC 来实现简单的前后端交互
SpringBoot项目前后端数据交互流程
Gabbana的博客
09-24 3589
面试被问到前后端数据如何交互的，以自己的项目为例，简单介绍一下。 用户触发点击事件 <div> <div> <input type="button" value="创作数量排行榜" onclick="creationRanking('content')"> <input type="button" value="诗词用词云图" onclick="cloudWorld('content')"> </d
springboot前后端交互（小白教学）
一枚数学专业的小码农的博客
12-13 5185
springboot前后端交互（小白教学）
SpringMVC前后端分离交互传参详细教程
HongYu012的博客
03-24 4671
温故而知新，本文为一时兴起写出，如有错误还请指正 本文后台基于SpringBoot2.5.6编写，前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试，用于理解前后端分离式开发的交互流程. 如果你没有学过SpringBoot也不要紧，把他看做成SpringMVC即可，写法完全一致（其实我不说你也发现不了） 本文主要讲前后端交互流程，力求帮助新人快速入门前后端分离式开发，不会讲关于环境搭建部分的内容 SpringMVC接收参数的方式 在文章开头快速的过一遍SpringMVC接收参数
SpringMVC前后端数据交换简述
weixin_64742764的博客
04-20 3146
前言: SpringMVC框架主要功能: 实现前后端的交互.SpringMVC基于Servlet进行开发的框架,目的简化前后端的调用. 1. 前端通过http请求可以携带参数访问后端服务器. 请求 2. 后端服务器可以将结果通过响应交还给前端. 响应 @Controller //将类交给SpringMVC管理,SpringMVC交给Spring容器管理 @ResponseBody @RequestMapping("/hello") ...............
SpringMVC实现前端后台交互传递数据
08-31
本篇文章主要介绍了SpringMVC实现前端后台传递数据的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
Jsonp在spring MVC系统中的前后台交互源码实例
06-23
Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”，可以让网页从别的网域获取资料。 本资料 是 spring MVC系统中用jsonp进行跨域解析。可实现前后台交互。
easyUI（前台和后台数据交互）
01-06
闲来无事，学习了一下easyUI。这是一个很简单的例子，给大家简单演示easyUI和后台的交互，包括数据的增删改查，希望给初学者有所帮助。使用的技术是ssm（springmvc+spring+mybatis）。这是一个maven项目。
基于springboot+springmvc+mybatis-plus的微信小程序美容预约平台源码(前后台).zip
最新发布
08-31
基于springboot+springmvc+mybatis-plus的微信小程序美容预约平台源码(前后台).zip 简介 本小程序是一个在线的美容预约平台。其主要服务类型为：美甲，美容，美发，美睫。用户可以通过该平台进行相关服务的预约。 ...
springmvc框架
12-10
springmvc+hibernate是我在工作之余，为了熟悉框架流程自己搭建的亲测可行，基本的增删该查，前后台交互，基础的功能模块已经具备 ，需要的可以拿过来参考一下
springmvc+jsp/html 前后台交互(二):controller和jsp页面交互
banjing_1993的博客
09-14 1万+
Controller使用的注释的方法进行访问，以下是Demo： @Controller @RequestMapping("/user") public class UserController { @Resource private IUserService userService; @RequestMapping("/list") public String toIndex(Htt
spring mvc jsp 和 后台controller 传值交互
zgq_666的博客
08-31 1158
用spring mvc 接收jsp页面form表单传的值，接收不到，最后找到原因是因为写法问题 后台代码： @Controller @RequestMapping(value = "/my/user") public class UserController { private Log log = LogFactory.getLog(UserControl
SpringMVC前后端交互
loong_的博客
04-22 2953
文章目录参数绑定 和 返回值Controller层请求springMVC参数绑定参数绑定过程 参数绑定 和 返回值 Controller层请求 在请求过程中使用@RequestMapping注解，将URL映射到controller的类或方法上。 @RequestMapping注解特点： 窄化请求 添加在类上，对URL请求进行分类管理，在类上添加该注解的URL（称为根路径），URL访问的完整路径变为 -> 根路径 + 子路径。 这时候访问页面就应该在/test前加上/user：http://local
Spring MVC前后端交互原理及实现（附实例代码）
热门推荐
Ich warte auf dich的博客
04-25 1万+
前后端交互主要目的 个人觉得，前后端交互的目的无非就是为了实现视图和业务逻辑的转换，前端发出请求，后端根据前端请求进行相应的数据处理然后给出不同响应 先以Servlet为基础的Model工作流程了解一下前后端交互流程 主要实现 前后端交互有许多种实现方式，但都是围绕MVC...
SpringMVC前后台交互
xiaosongwahaha的博客
01-01 1836
1、前台发送请求到后台： 页面上的按钮  添加角色 js中的函数通过ajax发送Url可以直接访问后台 function urlAdd() {         var url = "urlAdd.json?urlType=" + urlType + "&&urlResource=" + urlResource + "&&currentPage=" +
（转）SpringMVC学习(十)——SpringMVC与前台的json数据交互
05-27 4319
http://blog.csdn.net/yerenyuan_pku/article/details/72514022 json数据格式在接口调用中、html页面中比较常用，json格式比较简单，解析也比较方便，所以使用很普遍。在SpringMVC中，也支持对json数据的解析和转换，这篇文章主要总结一下在SpringMVC中如何和前台交互json数据。 两种交互形式 Spring...
用SpringMVC写一个注册页面
08-26
### 回答1： 我可以给你提供一些参考，但具体的实现还是要靠你自己。SpringMVC的控制器可以接收用户提交的表单信息，然后根据你的需求实现注册的业务逻辑。你可以使用JSP页面来渲染注册的表单信息，以及使用AJAX来提交表单信息，以实现前后端的交互。 ### 回答2： 使用SpringMVC编写一个注册页面有以下步骤： 1. 首先，创建一个表单页面register.jsp，包含用于输入用户名、密码、邮箱等注册信息的表单。可以使用HTML表单元素如input、select等。 2. 创建一个注册表单的类RegisterForm，用于封装用户输入的注册信息。该类需要包含与表单中输入框对应的字段，以及对应的setter和getter方法。 3. 在SpringMVC配置文件中添加对/register请求的映射，并配置相应的控制器类。可以通过@Controller注解定义该类，并使用@RequestMapping注解将请求映射到指定的方法。 4. 在控制器类中创建一个方法用于处理/register请求。可以通过@RequestMapping注解指定处理请求的URL路径，并使用@RequestParam注解获取表单中的值，并使用ModelAndView类封装处理结果。 5. 在处理/register请求的方法中，首先创建一个RegisterForm对象，并通过@RequestParam注解将请求参数自动绑定到该对象的字段上。 6. 然后可以进行一些对输入数据的验证，如检查用户名是否已存在、邮箱格式是否正确等。如果验证不通过，可以通过ModelAndView对象返回错误信息，并将相应的错误信息显示在register.jsp页面上。 7. 如果验证通过，可以将注册信息保存到数据库或其他数据存储中，并返回注册成功的提示信息。可以通过ModelAndView对象设置相应的视图名称和返回的数据。 8. 在register.jsp页面中，根据ModelAndView对象中返回的视图名称和数据，进行相应的处理。可以使用EL表达式获取并展示返回的数据。 通过以上步骤，我们可以使用SpringMVC编写一个简单的注册页面，并实现用户注册功能。当用户填写完注册信息并提交时，注册信息会被传递到后台进行处理和验证，并返回相应的结果给前台页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值