springMVC简单前后台交互

最新推荐文章于 2024-05-12 16:16:05 发布
最新推荐文章于 2024-05-12 16:16:05 发布
阅读量529 收藏 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
    评论
专栏目录
SpringMVC实现前端后台交互传递数据
08-31
SpringMVC实现前端后台交互传递数据 本篇文章主要介绍了SpringMVC实现前端后台传递数据的方法，其中包括使用Controller接收和传递数据的多种方式，以及配置SpringMVC的基本步骤。 1. 使用Controller接收和传递数据...
使用 Spring MVC 来实现简单的前后端交互
lfm1010123的博客
10-11 1656
使用 Spring MVC 来实现简单的前后端交互
SpringBoot项目前后端数据交互流程
Gabbana的博客
09-24 3715
面试被问到前后端数据如何交互的，以自己的项目为例，简单介绍一下。 用户触发点击事件 <div> <div> <input type="button" value="创作数量排行榜" onclick="creationRanking('content')"> <input type="button" value="诗词用词云图" onclick="cloudWorld('content')"> </d
使用SpringBoot一小时快速搭建一个简单后台管理（增删改查）（超详细教程）
最新发布
2401_84002594的博客
05-12 509
H+ 后台主题UI框架 - 主页H+是一个非常强大的前端开源框架，开箱即用，不需要过多的配置，里面有非常多组件，具体就不一一介绍了，有兴趣的自己去看看我们要做的是后台管理，所以我们直接找到表格，可以看到有很多样式选择，我们选择一个简单点这里为了方便快速搭建我选择基本表格，当时你们可以根据自己喜欢来选择H+框架引入HBuild X官网下载地址（无需安装，解压即用）打开HBuild X编译器（你用其他的也可以，没影响）
springboot前后端交互（小白教学）
一枚数学专业的小码农的博客
12-13 5528
springboot前后端交互（小白教学）
SpringMVC前后端分离交互传参详细教程
HongYu012的博客
03-24 4813
温故而知新，本文为一时兴起写出，如有错误还请指正 本文后台基于SpringBoot2.5.6编写，前端基于Vue2 + axios和微信小程序JS版分别编写进行联调测试，用于理解前后端分离式开发的交互流程. 如果你没有学过SpringBoot也不要紧，把他看做成SpringMVC即可，写法完全一致（其实我不说你也发现不了） 本文主要讲前后端交互流程，力求帮助新人快速入门前后端分离式开发，不会讲关于环境搭建部分的内容 SpringMVC接收参数的方式 在文章开头快速的过一遍SpringMVC接收参数
SpringMVC前后端数据交换简述
weixin_64742764的博客
04-20 3292
前言: SpringMVC框架主要功能: 实现前后端的交互.SpringMVC基于Servlet进行开发的框架,目的简化前后端的调用. 1. 前端通过http请求可以携带参数访问后端服务器. 请求 2. 后端服务器可以将结果通过响应交还给前端. 响应 @Controller //将类交给SpringMVC管理,SpringMVC交给Spring容器管理 @ResponseBody @RequestMapping("/hello") ...............
echarts简单的前后台交互显示
03-21
本项目“SSM-Echarts-Maven 简单的前后台交互”聚焦于如何使用ECharts库来实现这样的交互，其中后台数据是静态预设的。ECharts是由百度开发的一个开源JavaScript图表库，它支持丰富的可视化图表类型，如柱状图、折线...
Spring+SpringMVC+Mybatis+easyUI实现简单的后台管理系统
07-12
本项目"Spring+SpringMVC+Mybatis+easyUI实现简单的后台管理系统"通过整合这三者，结合前端UI库easyUI，提供了基本的后台管理功能。 **Spring框架** 是一个全面的企业级应用开发框架，核心特性是依赖注入（DI）和...
SpringMVC中后台转换json格式
10-06
确保所有依赖库都已引入，并正确配置SpringMVC，以实现后台与前台之间的顺利JSON数据交互。在实际项目中，还可能需要考虑JSON安全问题，例如防止XSS和CSRF攻击，以及优化性能，如使用GZIP压缩等。
Spring+SpringMVC+Mybatis+easyUI实现简单的后台管理系统.rar
06-17
这是一个基于Java技术栈，利用Spring、SpringMVC、Mybatis和easyUI框架构建的后台管理系统。这个系统展示了如何将这些组件有效地集成在一起，为开发者提供一个功能完备且易于操作的管理平台。 首先，Spring框架是...
Jsonp在spring MVC系统中的前后台交互源码实例
06-23
Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”，可以让网页从别的网域获取资料。 本资料 是 spring MVC系统中用jsonp进行跨域解析。可实现前后台交互。
前后端数据交互——Spring MVC
qq_45947664的博客
06-25 364
没有注解时，本质只是一个类@Controller表示当前层为控制层,spring MVC扫描后被赋予拦截请求功能通过@RequestMapping("") 注解匹配，后通过浏览器访问路径找到对应服务方法eg：@RequestMapping("patient") //路径映射注解，访问url：http://localhost:8080/patient如果patient下还有划分，则再加一个@RequestMapping（“example”），访问地址则再加一个斜杠，如：url：http://loc
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 1171
用spring mvc 接收jsp页面form表单传的值，接收不到，最后找到原因是因为写法问题 后台代码： @Controller @RequestMapping(value = "/my/user") public class UserController { private Log log = LogFactory.getLog(UserControl
SpringMVC框架之前后端数据交互（附Demo）
hestyle的博客
01-28 6272
在上一篇博客 SpringMVC框架之创建第一个项目（IDEA）演示了如何在Java Web项目中引入Spring MVC框架，本篇博客将演示SpringMVC如何进行前后端的数据交互，包括前端页面提交数据到controller以及controller返回数据给前端页面。 为了缩短博文篇幅，此处不再复述项目的创建、配置过程，请参考前一篇博客 SpringMVC框架之创建第一个项目（IDEA）。 ...
SpringMVC前后端交互
loong_的博客
04-22 3258
文章目录参数绑定 和 返回值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 1850
1、前台发送请求到后台： 页面上的按钮  添加角色 js中的函数通过ajax发送Url可以直接访问后台 function urlAdd() {         var url = "urlAdd.json?urlType=" + urlType + "&&urlResource=" + urlResource + "&&currentPage=" +
小程序和java后台和后台前端怎么交互的
05-04
在Java后台中，可以使用SpringBoot或者SpringMVC等框架来实现接口的开发和管理。同时，后台前端可以使用AJAX等技术来向Java后台发送请求并获取数据，以实现前后端交互。需要注意的是，在开发过程中需要保证接口的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值