web开发-前端到服务器Controller中的数据传递
2016-04-12 20:28
411 查看
一, ajax方式
1. ajax获取页面中的数据,包括表单中的数据, 然后封装成对象,数组, 字符串, 或其他基本类型的数据.
2. 将封装得到的数据通过ajax传递到controller中(注:在controller中的接收参数需要与从ajax传过来的数据有相同的类型和名称)
二, post 方式
(一) 创建虚拟表单的方式(属于post方式)
创建虚拟表单的一个实例:
1. ajax获取页面中的数据,包括表单中的数据, 然后封装成对象,数组, 字符串, 或其他基本类型的数据.
2. 将封装得到的数据通过ajax传递到controller中(注:在controller中的接收参数需要与从ajax传过来的数据有相同的类型和名称)
二, post 方式
(一) 创建虚拟表单的方式(属于post方式)
创建虚拟表单的一个实例:
function submitOp(URL, params, method, target) { // url: 请求的地址, params : 放在参数名和参数, method: 请求方式, target: 目标(可以为"_self") if (isBlank(method)) { method = "get"; } switch (method) { case "post": var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; if (!isBlank(target)) { temp.target = target; } temp.style.display = "none"; for ( var x in params) { var opt = document.createElement("textarea"); opt.name = x; opt.value = params[x]; // alert(opt.name) temp.appendChild(opt); } document.body.appendChild(temp); temp.submit(); return temp; break; case "get": var param = ""; if (!isBlank(params)) { for ( var key in params) { if ("" == param) { param = key + "=" + params[key]; } else { param += ("&" + key + "=" + params[key]); } } } var url = URL; if ("" != param) { url = appendURL(URL, param); } if (!isBlank(target)) { window.open(url, target); } else { window.location.href = url; } break; default: break; } }
相关文章推荐
- javascript正则表达式分组-捕获性分组/非捕获性分组/正则前瞻
- javascript学习笔记 - 引用类型 单体内置对象
- javascript学习笔记 - 引用类型 基本包装类型
- javascript学习笔记 - 引用类型 Function
- Node.js 究竟是什么?
- html5-canvas
- javascript学习笔记 - 引用类型 RegExp
- [置顶] angularJS中ng-class指令的三种实现方式
- javascript学习笔记 - 引用类型 Date
- javascript学习笔记 - 引用类型 Array
- 编写高效的css选择器
- react简介
- Transferring Sylla POJ, 3713
- JSON基本知识
- 剑指offer系列之41:和为s的连续整数序列
- LeetCode *** 116. Populating Next Right Pointers in Each Node
- JSON格式解析和libjson使用简介(关于cjson的使用示例)
- JavaScript解析Json中的对象
- JavaScript中if的表达式自动转换为false的情况
- Jsonp学习记录