SpringMVC实现前端后台交互传递数据

2024-10-02 03:16:22

本人对springmvc前端交互不太懂,搜索了很多关于springmvc前端交互介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。

Controller.java代码：

@Controller
public class DataController {

  //一、接收和通过ModelMap传出参数,不需要视图解析器,测试时加了解析器，顾返回值不需后缀
  //普通参数
  @RequestMapping("/data1")
  public String data1(@RequestParam("uname")String name,ModelMap mm){
    //接收数据
    //1.页面提交的表单域名和参数名需相同
    //2.非要与提交的表单域名不一样的时候，如上加@RequestParam("uname")，但提交的表单域名名必须和uname相同
//    System.out.println(name);

    //传递数据到页面，添加ModelMap mm，类似request.setAttribute()
    mm.addAttribute("uname", name);
    return "data";
  }

  //对象参数
  @RequestMapping("/data2")
  public String data2(User user,ModelMap mm){
    //接收数据
    //提交的表单域名需和对象里的属性名一致
//    System.out.println(user);

    //传递数据到页面，添加ModelMap mm，类似request.setAttribute()
    mm.addAttribute("user", user);

    return "data";
  }

  //二、接收和通过ModelAndView传出参数,需要配置视图解析器
  @RequestMapping("/data3")
  public ModelAndView data3(HttpServletRequest req,HttpServletResponse resp){
    ModelAndView mv = new ModelAndView();
    User user = new User();
    //接收数据
    user.setName(req.getParameter("name"));
    user.setPassword(req.getParameter("password"));
    //传递数据
    req.setAttribute("uname", user.getName());
    req.setAttribute("user", user);
    mv.setViewName("data");
    return mv;
  }
}

springmvc.xml配置

　<mvc:annotation-driven />
  <!-- viewResolver -->
  <bean id="viewResolver"
    class="org.springframework.web.servlet.view.UrlBasedViewResolver">
    <!-- 视图解析类型 -->
    <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
    <!-- 设置前缀 -->
    <property name="prefix" value="/"/>
    <!-- 设置后缀 -->
    <property name="suffix" value=".jsp"/>
  </bean>
  <context:component-scan base-package="com.xhx.controller" />

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Vue2学习笔记之请求数据交互vue-resource

基本语法必须引入一个库:vue-resource github地址 // 基于全局Vue对象使用http Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback); Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback); // 在一个Vue实例内使用$http this.$http.get('/so
详解vue-Resource（与后端数据交互）

单来说,vue-resource就像jQuery里的$.ajax,用来和后端交互数据的.可以放在created或者ready里面运行来获取或者更新数据... vue-resource文档:https://github.com/vuejs/vue-resource/blob/master/docs/http.md 结合vue-router data(){ return{ toplist:[], alllist:[] } }, //vue-router route:{ data({to}){ //并
Android Activity 与Service进行数据交互详解

①从设计的角度来讲: Android的Activity的设计与Web页面非常类似,从页面的跳转通过连接,以及从页面的定位通过URL,从每个页面的独立封装等方面都可以看出来,它主要负责与用户进行交互. Service则是在后台运行,默默地为用户提供功能,进行调度和统筹.如果一棵树的地上部分是Activity的话,它庞大的根须就是Service.Android的服务组件没有运行在独立的进程或线程中,它和其他的组件一样也在应用的主线程中运行,如果服务组件执行比较耗时的操作就会导致主线程阻塞或者假死,从
SpringMVC前端和后端数据交互总结

本文主要介绍了SpringMVC前端和后端数据交互的资料,特地发出来记录一下.有需要的朋友可以了解一下. 控制器作为控制器,大体的作用是作为V端的数据接收并且交给M层去处理,然后负责管理V的跳转.SpringMVC的作用不外乎就是如此,主要分为:接收表单或者请求的值,定义过滤器,跳转页面:其实就是servlet的替代品. 传值方式 springmvc最方便的一点就是可以通过注释方式来定义它的url. @Controller public class formMVC { @RequestMapp
ajax方式实现注册功能(提交数据到后台数据库完成交互)

一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ if(!isusername || !ispwd){ e.preventDefault();(阻止事件的默认事件) }) }); 1.在nodejs中我们可以用以下方法来(加载)跳转页面: JQuery 中的load() 这是实行加载一个页面 window.l
微信小程序数据交互与渲染实例详解

微信小程序数据交互与渲染实现效果图: 微信小程序的api中提供了网络交互的api,我们只要调用即可和后端进行数据交互,该api为wx.request.,具体代码如下. //list.js //获取应用实例 var app = getApp() Page({ data: { list:[], hiddenLoading: true, url: '' }, loadList: function () { var that = this; that.setData({ hiddenLoading:
详解vue与后端数据交互(ajax)：vue-resource

本人对vue与后端数据交互不是很懂,搜索了很多关于vue与后端数据交互介绍,下面我来记录一下,有需要了解的朋友可参考.希望此文章对各位有所帮助. 必须引入一个库:vue-resource 1.获取普通文本数据比如:a.txt: welcomet to vue!!! <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <sc
get post jsonp三种数据交互形式实例详解

一.get请求 1.引入 vue.js 和 vue-resource.js , 准备一个按钮 <input type="button" value="按钮" @click="get()"/> //点击按钮请求数据函数get() 2.准备一个txt文件 welcome vue 3.编写js代码 <script> window.onload=function(){ new Vue({ el:'body', //主体为body,
SpringMVC实现前端后台交互传递数据

本人对springmvc前端交互不太懂,搜索了很多关于springmvc前端交互介绍,下面我来记录一下,有需要了解的朋友可参考.希望此文章对各位有所帮助. Controller.java代码: @Controller public class DataController { //一.接收和通过ModelMap传出参数,不需要视图解析器,测试时加了解析器,顾返回值不需后缀 //普通参数 @RequestMapping("/data1") public String data1(@Req
layui之数据表格--与后台交互获取数据的方法

jsp或html <table id="userList" lay-filter="userList"></table> js //用户列表 var tableIns = table.render({ elem: '#userList', url : 'userAction_findAll.action', cellMinWidth : 95, page : true, height : "full-125", limit
探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识

servlet给前台传递data串用的方法是 PrintWriter out = response.getWriter(); // response.sendRedirect("test.jsp"); String s = "[{'id':'1', 'pId':'0', 'name':'test1'},{'id':'11', 'pId':'1', 'name':'test11'}, {'id':'12', 'pId':'1', 'name':'test12'}, {'id'
ASP.NET中MVC从后台控制器传递数据到前台视图的方式

本文实例讲述了ASP.NET中MVC从后台控制器传递数据到前台视图的方式.分享给大家供大家参考.具体分析如下: 数据存储模型Model: 复制代码代码如下: public class CalendarEvent { public string id { get; set; } public DateTime start { get; set; } public DateTime end { get; set; } public string backgroundColor { get; set
Springmvc如何实现向前台传递数据

1) 在springmvc方法的形参中定义Map,Model,ModelMap,并在方法中通过这三个对象进行值的传递: ①其中Map和ModelMap使用方式是一致的: @RequestMapping("/detail") public String detail(Integer id, //ModelMap modelMap Map modelMap ){ HashMap<String,String> conditions=new HashMap<>(); c
SpringMVC通过RESTful结构实现页面数据交互

目录需求分析环境准备后台接口开发页面访问处理需求分析需求一:图片列表查询,从后台返回数据,将数据展示在页面上需求二:新增图片,将新增图书的数据传递到后台,并在控制台打印说明:此次案例的重点是在SpringMVC中如何使用RESTful实现前后台交互,所以本案例并没有和数据库进行交互,所有数据使用假数据来完成开发. 我们的基本步骤: 搭建项目导入jar包编写Controller类,提供两个方法,一个用来做列表查询,一个用来做新增在方法上使用RESTful进行路径设置完成请求.
浅谈springMVC接收前端json数据的总结

对于json对象类型(即JsonObject)的数据,springMVC主要有以下几种方式接收: 1.通过Map接收 @RequestMapping(value = "/getAllStudio" ) public void getAllStudio(@RequestBody Map<String, Integer> map ) { JSONObject json = new JSONObject(); Integer page = map.get("page&q
SpringMVC 接收前端传递的参数四种方式小结

目录 SpringMVC 接收前端传递的参数四种方式 @RequestParam 获取注解 @PathVariable获取注解 SpringMVC,可以不设置任何注解即可接收参数 SpringMVC,也可以自动包装成对象 @RequestBody 用来接收数组或者复杂对象 SpringMVC的自动封装(不传参也能进入) SpringMVC接收不到前端传递的参数原因代码清单 SpringMVC 接收前端传递的参数四种方式 @RequestParam注解 @PathVariable注解 Sprin
多种方式实现JS调用后台方法进行数据交互

项目开发过程中很多地方都需要前端和后台的数据交互,几种典型常用的方法如利用控件的AutopostBack属性.Button提交表单等等.但这些都是有条件的,AutoPostBack具有实时性但会刷新页面,Button提交表单不能实现数据交互的实时性.当然说到前台与后台的数据交互更不能漏掉ajax,ajax实现前台与后台数据的异步交互,并且保证实时的.局部刷新.但有些数据不需要异步交互,例如当交互的数据是下一步执行的条件时,就必须要等到数据前台与后台数据交互完成后才能继续执行程序.所以对于掌握js
关于Ajax中通过response在后台传递数据问题

这是js代码: var System = { getHttpRequest: function(url, callback, options) { if (url.length < 0) return; var option = { url: url, type: "get", dataType: "json", cache: false, timeout: 30000, beforeSend: function(XHR) { }, complete: fun

SpringMVC实现前端后台交互传递数据

相关推荐

随机推荐