web开发-前端到服务器Controller中的数据传递

一, ajax方式

1. ajax获取页面中的数据,包括表单中的数据, 然后封装成对象,数组, 字符串, 或其他基本类型的数据.

2. 将封装得到的数据通过ajax传递到controller中(注:在controller中的接收参数需要与从ajax传过来的数据有相同的类型和名称)

二, post 方式

(一) 创建虚拟表单的方式(属于post方式)

创建虚拟表单的一个实例:

 1 function submitOp(URL, params, method, target) { // url: 请求的地址,   params : 放在参数名和参数, method: 请求方式, target: 目标(可以为"_self")
 2     if (isBlank(method)) {
 3         method = "get";
 4     }
 5     switch (method) {
 6     case "post":
 7         var temp = document.createElement("form");
 8         temp.action = URL;
 9         temp.method = "post";
10         if (!isBlank(target)) {
11             temp.target = target;
12         }
13         temp.style.display = "none";
14         for ( var x in params) {
15             var opt = document.createElement("textarea");
16             opt.name = x;
17             opt.value = params[x];
18             // alert(opt.name)
19             temp.appendChild(opt);
20         }
21         document.body.appendChild(temp);
22         temp.submit();
23         return temp;
24         break;
25     case "get":
26         var param = "";
27         if (!isBlank(params)) {
28             for ( var key in params) {
29                 if ("" == param) {
30                     param = key + "=" + params[key];
31                 } else {
32                     param += ("&" + key + "=" + params[key]);
33                 }
34             }
35         }
36         var url = URL;
37         if ("" != param) {
38             url = appendURL(URL, param);
39         }
40         if (!isBlank(target)) {
41             window.open(url, target);
42         } else {
43             window.location.href = url;
44         }
45         break;
46     default:
47         break;
48     }
49 
50 }