首页
学习
活动
专区
圈层
工具
发布

Spring MVC 框架学习(七)---- 后端接口小练习(计算器与登陆拦截)

文章目录 Spring MVC 框架学习(七)---- 后端接口小练习(计算器与登陆拦截) 一、计算器 二、前后端交互的登陆与拦截 Spring MVC 框架学习(七)---- 后端接口小练习(计算器与登陆拦截...提交到 calc的接口下,进行处理 通过 进行传参,name作为key值,后端根据name进行接收参数 @RequestMapping("/calc") @ResponseBody...} 最终效果 点击计算按钮,form表单将输入的值作为参数进行传参 二、前后端交互的登陆与拦截   这里参时不涉及到数据库的操作,只要输入的用户账号以及密码为 admin即可显示登陆成功,进入一个主页...“hello word” /static/login.html , 显示登录页并发送ajax请求,传递输入的 username、password <!...}else{ return "redirect:/static/index.html"; } } 效果演示: 进入登陆界面 前端的非空提示

1.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Ajax.BeginForm()知多少

    在ASP.NET MVC中,Ajax.BeginForm扮演着异步提交的重要角色。其中就有五个重载方法,但是在实际应用中,你未必使用的得心应手,今天我们就从主要的参数来一探究竟。...三、routeValues 用来传递参数,支持两种数据类型(两种传参方式): object类型可以在使用时直接以匿名类方式声明,使用非常方便 举例:new { id = 1, type = 1 } RouteValueDictionary...下面我将具体讲解第5和第8个的具体用法。...} 这样实现并没有拿到返回的错误数据,那到底如何传参呢? 经过参考jquery.unobtrusive-ajax.js 源码,终于弄清,默认的传参是怎样的。...} 通过默认的参数,成功拿到错误信息,并且可传递自定义参数。 读到这里,觉得不错,就给个推荐吧!

    2.7K60

    ASP.NET MVC中使用AJAX传参技巧

    上的Querystring传了五个参数:     下面是服务器端的代码,请注意这个Action(方法)是有参数的,直接接受传客户端传过来的参数 客户端调用AjaxGet方法,得到的结果如下: 2....服务器端使用对象接受参数     上面两种方法有个问题未能解决,那就是服务器端Action方法中的变量多起来也是件麻烦事,ASP.NET MVC框架考虑到这点,我们可以定义一个类,如下:     ...端的代码修改如下,传参的变化将不会对Action方法的参数有影响: 3....客户端使用数组传参     有些时候Ajax请求的参数很复杂,服务器端Action方法的参数可能是一个包含其他对象或者数组的对象,例如2.5中的Option可能是这样定义的:     问题出现了,客户端还可以用...json传参么,我试过是不可以的(也许是我使用的jquery版本或者asp.net mvc版本支持不够好??)

    2K20

    ASP.NET MVC5中View-Controller间数据的传递

    本文对于View向Controller中传值共列举了以下几种方式: QueryString RouteData Model Binding Form 使用和Action参数同名的变量进行传递 Cookie...的代码如下: public void GetValue(User user) { } 然后运行程序,可以看到MVC以将表单中的数据映射为User类实例的属性值,且进行了相应的数据类型的转换。...中成功获取到了对应的参数值,且数据类型也根据Action中参数的类型进行了相应的转换。...对于这样的一个Action,如果是Post请求,MVC会尝试将Form(注意,这里的Form不是指html中的表单,而是Post方法发送数据的方式,若我们使用开发者工具查看Post方式发送的请求信息...,会看到Form Data一栏)中的值赋值到Action参数中,如果是get请求,MVC会尝试将QueryString的值赋值到Action参数中。

    3.5K10

    SSM学习笔记之SpringMVC

    bookName=java">url提交 4.3.3 AJAX提交 AJAX提交:请求行,请求头,请求体都可以用来传值 AJAX提交 <input type="button"...表单提交method="get" URL提交 $.ajax请求的url传值 $.ajax({ url:这里拼接url,把参数放url就是请求行传值, type:"post",...$.ajax封装请求头数据 $.ajax({ url:"book/add", type:"post", headers:{ 这里请求头传值 },...请求 使用response中的输出流进行响应 /** 控制器方法的返回类型为void 控制器方法添加HttpServletResponse response 参数 在方法中通过response 获取输出流...ajax请求的对象类型 在控制器方法前添加一个@ResponseBody注解,将返回的对象转换成json格式返回给ajax请求 如果一个控制器类中的所有方法都是响应ajax请求,则可以直接在控制器类前添加

    8.8K20

    ASP.Net MVC开发基础学习笔记:三、Razor视图引擎、控制器与路由机制学习

    因此,我们既可以在Action中返回视图,还可以返回文件流、重定向、空内容等结果。...(6)Json:通过Json可以轻松地将我们所需要返回的数据封装成为Json格式,进行Ajax开发可以变得so easy!...三、Routing深入详解   首先,ASP.Net MVC项目是URL请求驱动的,为什么访问localhost/home/index会传递给HomeController中名为index的action(...  (4)根据识别出来的数据,将请求传递给Controller和Action 3.2 神奇的路由规则   根据路由的作用,我们可以知道它是一个“指路人”,指示我们的请求应该到达哪个Controller...(3)在MapRoute方法中为所有URL请求定义了一个defaults默认值:controller为空则指向Home,action为空则指向Index,而id则是可选的,非必须要的。

    2.6K30

    ASP.Net MVC开发基础学习笔记:四、校验、AJAX与过滤器

    通过为模型类增加数据描述的 DataAnnotations ,我们可以容易地为应用程序增加验证的功能。...DataAnnotations 允许我们描述希望应用在模型属性上的验证规则,ASP.NET MVC 将会使用这些 DataAnnotations ,然后将适当的验证信息返回给用户。   ...->请求的是Controller下的Action,例如在WebForm中请求的url通常是/Ajax/UserHandler.ashx,而在MVC中请求的url通常为:/User/GetAll。   ...(2)在Ajax开发中要注意Ajax方法体内的参数设置正确,特别是参数名要和Action中的参数名保持一致;   (3)如果在Action中为其设置了[HttpPost]或[HttpGet],那么提交方式要跟...Action打的标签一致; 2.2 使用Microsoft AJAX方式   在ASP.Net MVC中除了可以使用JQuery AJAX外,Microsoft为我们提供了另一套实用且更简单的AJAX方案

    3K20

    MVC项目开发中那些用到的知识点(Jquery ajax提交Json后台处理)

    前言   jQuery提供的ajax方法能很方便的实现客户端与服务器的异步交互,在asp.net mvc 框架使用jQuery能很方便地异步获取提交数据,给用户提供更好的体验!   ...userName=object ; userName所指向的对象被序列化成字符串"object"   如何才能把一个复杂的object对象提交到后台的action参数中呢?...正文五步曲   首先,第一步解决jQuery对于参数序列化的问题: 引用前台处理Js文件,主要是将Json字符串进行处理将其封装到JsonNet.js文件中 String.format = function...主要是通过实现了IModelBinder进行参数化绑定即可。 最后一步进行F5运行测试。 ? 通过代码可以看出我是将Json字符串传递到服务端,服务端对其进行解析然后又转换为Json返回到客户端的。...总结  没有做不到,只有想不到,你想怎么传就怎么传了,想传什么样格式的数据,只要定义好即可。

    2.4K20

    MVC项目开发中那些用到的知识点(Jquery ajax提交Json后台处理)

    前言   jQuery提供的ajax方法能很方便的实现客户端与服务器的异步交互,在asp.net mvc 框架使用jQuery能很方便地异步获取提交数据,给用户提供更好的体验!   ...userName=object ; userName所指向的对象被序列化成字符串"object"   如何才能把一个复杂的object对象提交到后台的action参数中呢?...正文五步曲   首先,第一步解决jQuery对于参数序列化的问题: 引用前台处理Js文件,主要是将Json字符串进行处理将其封装到JsonNet.js文件中 String.format = function...主要是通过实现了IModelBinder进行参数化绑定即可。 最后一步进行F5运行测试。 ? 通过代码可以看出我是将Json字符串传递到服务端,服务端对其进行解析然后又转换为Json返回到客户端的。...总结  没有做不到,只有想不到,你想怎么传就怎么传了,想传什么样格式的数据,只要定义好即可。

    2.2K31

    Asp.net MVC 之 Contorllers(一)

    Asp.net MVC contorllers     在Ajax全面开花的时代,ASP.NET Web Forms 开始慢慢变得落后。有人说,Ajax已经给了Asp.net致命一击。...在ASP.NET MVC中,每一个请求最终就是执行一个特殊类中的Action方法。Action的执行结果被传递给带有视图模版的视图子系统中。...这只是ASP.NET MVC不同于ASP.NET Web Forms众多不同中的一个方面。接下来我们看看如何通过使用一个HTTP处理程序来模拟ASP.NET MVC行为。...这个简单的实例说明了如何使用ASP.NET MVC最基本的机制。控制器(Controller)是一个为请求提供服务的专门的组件。控制器(Controller)是一个只有方法没有状态的类。...一个独特的系统级HTTP处理程序负责将发来的请求匹配到一个特定的控制器类,这样一个类的实例将执行一个给定的操作方法,并产生一个响应。     那么Url 的方案是怎样呢?

    1.4K70

    抛开深层次底层,快速入门SpringMVC

    ViewResolver:      根据Controller处理好的数据,对指定目录下的文件进行渲染解析,完毕后将视图(不一定为页面、可能是Joson、Map各种数据类型,这根据Controller回传的数据决定...该注解用于将Controller的方法返回的对象,通过适当的HttpMessageConverter转换为指定格式后,写入到Response对象的body数据区。...这里的String就已经被SpringMVC默认为为View进行了命名的工作,类似于Struts2的Action。当然这样的跳转也可以像ModelAndView一样带参传递。...然而在ajax请求往往传的都是Json对象,后来发现用JSON.stringify(data)的方式就能将对象变成字符串。...同时ajax请求的时候也要指定dataType: "json",contentType:"application/json"这样就可以轻易的将一个对象传到Java端,使用@RequestBody即可绑定对象

    65930

    React 全面入门指南

    > {/* 传递父组件中的函数到子组件 */} ) }兄弟组件通信​​实现步骤​​: A 组件先通过子传父的方式把数据传给父组件...AppApp 组件拿到数据后通过父传子的方式再传递给 B 组件​​例子​​:function A ({ onGetAName }) { // Son 组件中的数据 const name = '...: 没有依赖项: 组件初始渲染 + 组件更新时会执行(参数函数)空数组依赖: 只会初始渲染时执行一次添加特定依赖项: 组件初始渲染 + 特定依赖变化时会执行(参数函数)​​清除副作用​​: ​​概念​​...对象的 dispatch 函数​​​​传参写法​​:在 reducers 的同步方法中添加 action 对象参数,在调用时,参数会被传递到 action 对象的 payload 属性上​​异步状态操作​​...使用 组件配置二级路由渲染位置​​默认二级路由只需要在二级路由的位置去掉 path,设置 index 属性为 true404 路由配置​​1.

    67510

    ASP.Net MVC开发基础学习笔记:一、走向MVC模式

    (2)开发方式   • 服务器端控件   • 一般处理程序+Html静态页+Ajax   • 一般处理程序+Html模板引擎 1.2 ASP.Net MVC的开发模式   (1...三、WebForm vs MVC   (1)WebForm 优点: 1.提供了大量的服务器端控件,可以实现快速开发;      2.ViewState回传数据很方便;      3.学习成本低;...(2)MVC 优点: 1.很容易将复杂的应用分成Model(ViewModel)、View、Controller三个组件模型,将处理后台逻辑代码与前台展示逻辑进行了很好的分离,属于松耦合关系,在大项目应用中...,在MVC中所有的请求都归结到控制器下面的Action。...ASP.Net MVC项目设置了默认的路由规则:{controller}/{action}/{id},也就是说我们可以通过http://localhost/Home/Index/1这种URL来访问项目。

    2K20

    关于Spring 和 Spring MVC的43个问题【问题汇总】

    真正视图(jsp路径)=前缀+逻辑视图名+后缀 2). redirect重定向:返回字符串格式为:"redirect:queryItem.action" 3). forward页面转发:返回字符串格式为...作用:将model数据填充到request域。 2 简单类型 通过@RequestParam对简单类型的参数进行绑定。...通过required属性指定参数是否必须要传入,如果设置为true,没有传入参数,会报错。...SpringMVC集成了Ajax,使用非常方便,只需一个注解@ResponseBody就可以实现,然后直接返回响应文本即可,而Struts2拦截器集成了Ajax,在Action中处理时一般必须安装插件或者自己写代码集成进去...注意ajax中contentType如果不设置为json类型,则传的参数为key/value类型。上面设置后,传的是json类型。 29.拦截器? 1).

    2.8K10

    SpringMVC框架之第二篇

    6.4.默认支持的参数类型 6.4.1.啥是默认支持的参数类型 所谓默认支持的参数类型就是传不传它们都会存在的参数,想用时就在Controller方法中定义即可,用哪个定义哪个,不用不定义。...默认参数有: HttpServletRequest:通过request对象获取请求信息 HttpServletResponse:通过response处理响应信息 HttpSession:通过...session对象得到session中存放的对象 Model:通过Model参数返回需要传递给页面的数据。...3.单例与多例: Struts2是基于类开发,传递参数是通过Action类的属性,只能设计为多例。...Struts采用值栈存储请求和响应的数据,通过OGNL存取数据;值栈存储方式太过原始。 Springmvc通过参数解析器是将request请求内容解析并给方法形参赋值,即请求参数是方法之间独立的。

    1.1K10
    领券