1.前言

近期在做一个项目,前台框架用的是EasyUI+SpringMVC,因为对SpringMVC不太了解,所以刚開始接触的时候有点吃力,在此通过一个EasyUi中的DataGrid表格来总结一下.

 2.SpringMVC中的View向控制器传參

在SpringMVC中,View怎样向控制器传參数呢?

尤其是Form表单提交的时候,详细有例如以下几种方式

2.1 HttpServletRequest

能够通过getParameter()方法来获取前台传过来的參数

2.2 Form表单绑定

//这样才訪问的时候,直接就封装成了对象
public String queryPerson(person person){
return "index";
}

通过这样,就直接把前台參数封装成了person对象,这样就接收到了參数

2.3 任意參数设置

//通过指定參数,就能够获取到前台传过来的值
public String queryPerson(String personId,String personName){
return "index";
}

通过在方法中设置參数,就能够在前台获取到传过来的參数,但要保证,參数名称要一致

3.SpringMVC中控制器向View视图传參数

3.1 Model传參数

//採用这样的方式,把数据放置到Model中,则能够在后台直接获取到数据
public String toPerson(Model model){
/*直接把值放置到model中,在前台通过${key}值来获取*/
model.addAttribute("p", "nihoama");
return "index";
}

才用这样的方式,把參数封装到model中,然后在前台通过${key}值,就能够获取到控制器传过来的參数

3.2 map传參数

/*採用这样的方式,把数据写到map中,这时就能够在前台页面中获取到控制器的数据*/
protected ModelAndView handleRequestInternal(HttpServletRequest arg0,
HttpServletResponse arg1) throws Exception {
System.out.println("hello springmvc");
Map<String, String> map=new HashMap<String, String>();
map.put("p", "nihaoma");
//ModelAndView会被视图解析器解析自己主动加上前缀和后缀
return new ModelAndView("index",map);
}

与model类似,把值放置到map中,然后在前台直接获取就可以

3.3 PrintWriter对象输出内容

//通过使用PrintWriter对象,就能够直接把内容打印到页面上
public void outString(PrintWriter out){
out.print("你好吗");
}

通过PrintWriter对象,就能够直接把内容输出到页面上

3.4 @ResponseBody输出字符串

//通过打上此标签,就会直接把字符串输出到页面上
@ResponseBody
public String outString(){
return "你好吗";
}

假设在方法上放置此注解的话,那么返回的String值,就不在是视图,而将会是以流的形式返回字符串

 4.SpringMVC异步提交表单

近期用到了异步提交表单的操作,以下展示一下

JS操作

// 加入字典类型信息方法
function AddDictionaryType() { $('#AddDictionaryTypeForm').form('submit', {
url : "addDictionaryType",
onSubmit : function() {
var isValid = $(this).form('validate');
return isValid; // 返回false终止表单提交
},
success : function(data) {
if (data == "success") {
$.messager.alert('提示', '加入成功。');
$('#dg').datagrid('reload'); // 又一次加载当前页面数据
$('#Addwin').window('close'); // 关闭窗体 } else {
$.messager.alert('提示信息', '加入失败,请联系管理员!', 'warning');
} }
}); }

异步调用的方法

/**
* 字典类型的加入方法
*
* @param request
* 获取
* @param response
* 响应
* @return 返回类型为void
*/
@RequestMapping("/addDictionaryType")
public void add(HttpServletRequest request, HttpServletResponse response) { // 定义是否加入成功标识
boolean result = false;
// 定义字典类型实体
DictionaryType dictionaryType = new DictionaryType();
try { // 防止中文乱码
dictionaryType.setDictionaryTypeName(new String(request
.getParameter("DictionaryTypeName").getBytes("iso-8859-1"),
"UTF-8"));
dictionaryType.setDictionaryTypeCode(new String(request
.getParameter("DictionaryTypeCode").getBytes("iso-8859-1"),
"UTF-8"));
dictionaryType.setStatus(new String(request.getParameter("status")
.getBytes("iso-8859-1"), "UTF-8"));
// 获得当前计算机的名称
dictionaryType.setOperator(new String(System.getProperty(
"user.name").getBytes("iso-8859-1"), "UTF-8"));
dictionaryType.setComment(new String(request
.getParameter("comment").getBytes("iso-8859-1"), "UTF-8")); // 调用保存的方法
result = dictionaryTypeBean.saveEntity(dictionaryType);
// 推断是否保存成功,成功的话,向前台输出success
if (result) {
outToJson.outJson(response, "success");
} else {
// 失败的话,向前台输出error
outToJson.outJson(response, "error");
} } catch (Exception e) {
System.out.println("加入字典类型失败");
e.printStackTrace();
} }

上面就直接通过PrintWriter对象来输出參数,然后在JS中异步获取来进行推断

SpringMVC中的异步提交表单的更多相关文章

  1. ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码

    首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...

  2. 雷林鹏分享:jQuery EasyUI 表单 - 创建异步提交表单

    jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...

  3. jQuery.Form.js 异步提交表单使用总结

    jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js <script ...

  4. jquery ajax异步提交表单数据

    使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...

  5. 使用ajax异步提交表单

    虽然这篇文章的标题是提交表单,但是主要的难点在于使用ajax提交文本域的内容, 在工作中的经常会需要ajax跨域的问题,通常的需求使用jsonp就可以得到解决,但是当前项目中有一个图片服务器,客户端需 ...

  6. delphi中使用webbrowser提交表单

    转自:http://blog.163.com/hehaifeng1984@126/blog/static/6900113620133504644998/ 我们以百度搜索为例,使用webbrowser组 ...

  7. PHP自学3——在html的<table>标签中显示用户提交表单

    为了更好地显示用户提交表单,本节将在上一节的基础上将读取的用户表单显示在html的<table>标签中,这一节将用到和数组有关的知识. 本节代码将从外部文件(.txt文件)中读取信息于指定 ...

  8. tp5中ajax方式提交表单

    用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. <!DOCTYPE html> <html lang="en"> <head> < ...

  9. MVC之AJAX异步提交表单

    第一种用法: 在MVC中,依然可以使用ajax校验,跟在WebForm中的使用时一样的,唯一的区别就是将以前的URL路劲改为访问控制器下的行为 前台 <html> <head> ...

随机推荐

  1. 蜂窝移动网络是什么,它和 Wi-Fi 有什么区别? 蓝牙和无线有什么区别?

    蜂窝移动网络是什么,它和 Wi-Fi 有什么区别? 转自知乎用户的一个回答: 原题问的是"数据流量是什么",不知道怎么又被改成"蜂窝移动网络是什么"了.说下个人 ...

  2. STL入门

    STL入门 STL的组成 六大组件 容器container 算法algorithm 迭代器iterator 仿函数function object 适配器adaptors 空间配制器allocator ...

  3. mac 上配置sublime text3插件

    1.安装MAC 版 sublime text 3 安装插件管理器 打开Sublime,按下Control + `(Mac)或者Ctrl + `(Windows),然后粘贴上下面的代码: import ...

  4. golang基础数据结构

    一.概述: 这里主要讨论四种类型---数组.slice.map和结构体 数组和结构体是聚合类型:它们的值都是由很多个元素或者成员字段的值组成.数组是有同构元素组成--每个数组的元素的类型相同:结构体为 ...

  5. SQL Server Reporting Services (SQLEXPRESS) 服务占用80端口

    win7, 好多时候,看到system进程占用了80端口,这个是系统进程,不能直接结束.我们不知道这个进程的哪个服务占用了80端口,这里记录其中一个服务"SQL Server Reporti ...

  6. chrome插件 postman 可以调用restful服务

    chrome插件 postman 可以调用restful服务

  7. ADO.Net两种访问数据库模式

    在连接模式下的数据库访问通常包括以下几个步骤: 1.通过数据库连接类(DbConnection)链接类指定到数据库服务器的数据库 2.通过数据库命令类(DbCommand)在数据库上执行SQL命令,可 ...

  8. js简易写法

    我写JavaScript代码已经很久了,都记不起是什么年代开始的了.对于JavaScript这种语言近几年所取得的成就,我感到非常的兴奋:我很幸运也是这些成就的获益者.我写了不少的文章,章节,还有一本 ...

  9. UIButton 设置字体大小

    btn.frame = CGRectMake(x, y, width, height); [btn setTitle: @"search" forState: UIControlS ...

  10. javascript中关于数组的迭代方法

    //都接受3个参数,分别为:值.在数组中的位置.数组对象本身 var num = [2, 1, 5, 4, 2, 1, 6, 8, 19]; //every:若每一项都返回true,则返回true v ...