【页面传值6种方式】- 【JSP 页面传值方法总结：4种】 - 【跨页面传值的几种简单方式3种】...

阅读目录

• 1. URL 链接后追加参数
• 2. Form
• 3. 设置 Cookie
• 4. 设置 Session

  JSP 页面间传递参数是项目中经常需要的，这应该算是 web 基本功吧。

  试着将各种方式总结下来，需要时可以进行权衡利弊选择最合适的方式。

回到顶部

1. URL 链接后追加参数

<a href="next.jsp?paramA=A&paramB=B...">URL 后面追加参数</a>

<jsp:include page="next.jsp"><jsp:param name="paramA" value="A"/></jsp:include> 

<jsp:forward page="next.jsp"><jsp:param name="paramA" value="B"/></jsp:forward> 

response.sendRedirect("next.jsp?paramA=A&paramB=B...")

window.location = "next.jsp?paramA=A&paramB=B..."

   上述几种代码执行时都将携带参数跳转到 next.jsp 页面中。

   在 next.jsp 页面中获取对应参数的方式如下：

//内嵌的 java 代码
<%String paramA = request.getParameter("paramA"); %>

//如果引入了 EL
{param.paramA}

   优点：简单性和多浏览器支持（没有浏览器不支持URL）。

缺点：

   1）传输的数据只能是字符串，对数据类型和大小都有一定的限制；

   2）传输数据的值会在浏览器地址栏里面被看到，安全性等级低。

回到顶部

2. Form

    <form action="next.jsp" method="post">  
        <input type="text" name="paramA" value="A"> 
        <input type="hidden" name="paramB" value="B">  
        <input type="submit" value="提交">  
    </form>  

     在 next.jsp 页面中获取对应参数的方式与 （1）是类似的。

优点：

1）简单性和多浏览器支持（同样没有浏览器不支持 form）;

2) 可以提交的数据量比 URL 方式要大的多；

3）传输的值会在浏览器的地址栏中显示出来，但是有一点黑手段的同样能从页面源码中将参数列表构造出来；

缺点：

1）传输的数据也只能是字符串，对数据类型有一定的限制；

回到顶部

3. 设置 Cookie

   用客户端的认证凭证小小 Cookie 当然也能实现 JSP 页面的传值。

    <%  
        Cookie c=new Cookie("paramA","A");  
        c.setMaxAge(60*60);  //cookie 有效期1分钟
        response.addCookie(c);  //将cookie 添加到 http响应中
     %>

   想要在 next.jsp 页面读取 cookie，需要调用 request.getCookies() 方法来获得一个javax.servlet.http.Cookie 对象的数组。

   然后遍历这个数组，使用getName()方法和getValue()方法来获取每一个cookie的名称和值。

//内嵌的 java 代码
<%
   Cookie cookie = null;
   // 获取cookies的数据,是一个数组
   Cookie[] cookies = request.getCookies();
   if(cookies != null ){
      for (int i = 0; i < cookies.length; i++){
         cookie = cookies[i];
         out.print("参数名 : " + cookie.getName());
         out.print("<br>");
         out.print("参数值: " + URLDecoder.decode(cookie.getValue(), "utf-8") +" <br>");
         out.print("------------------------------------<br>");
      }
  }else{
      out.println("<h2>没有发现 Cookie</h2>");
  }
%>

//EL 获取方式
${cookie.paramA.value}

优点：

1）Cookie 的值能够持久化，即使客户端机器关闭，下次打开还是可以得到里面的值;

2) Cookie 可以帮助服务器端保存多个状态信息，但是不用服务器端专门分配存储资源，减轻了服务器端的负担。

缺点：

1）虽然安全性相比 URL 和 Form 要提高了许多，但是也存在黑手段获取客户端 cookie，暴露客户信息。

回到顶部

4. 设置 Session

   个人认为 session 和 cookie 一个在服务端一个在客户端。

   在它们中添加键值对后，不仅仅是提供了页面之间的传递，其实是一种数据共享的解决方案。

 <%       
    session.setAttribute("paramA","A");  
    response.sendRedirect("next.jsp"); 
 %>

    想要在 next.jsp 读取 session 的方法：

//内嵌java 片段
<%=session.getAttribute("paramA") %>

//EL 获取方式
{session.paramA}

   Session 的优缺点可以参照 Cookie。

 

 

 

【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】

 

 

 

跨页面传值的几种简单方式3种

方法一：

通过URL传值

eg:

 

location.href="跨页面1-2.html?age=18&gender=man";

在下个页面接收:

 

 

//1、location.search获取get请求的参数   获取到的数据，是以?开头的
var search=location.search;
//2、如果还想要获取确定的数据，可以解析字符串
function parse(search){
    //从第二个字符开始截取   ，获取到第二个开始后面所有的字符
    var str=search.substring(1);
    var result={};
    //分割字符串  -->产生字符串数组
    var strs=str.split("&");
    //遍历数组中的每一个元素
    strs.forEach(function(v){
        //伪代码：v="age=18"
        var keyvalue=v.split("=");
        var name=keyvalue[0];
        var value=keyvalue[1];
        result[name]=value;
    })
    return result;
}

var r=parse(search);

方法二：

 

使用h5的localStorage，或者sessionStorage存储对象类型

 

存储对象的正确的方式：
var p2={name:"周瑜",age:16};
var s2=JSON.stringify(p2);      //将对象"序列化"为JSON数据(字符串格式)localStorage.setItem("p2",s2);  //以字符串格式存储信息var s2_2=localStorage.getItem("p2");    //获取存储的信息，也是字符串格式var p2_2=JSON.parse(s2_2);      //将JSON数据反序列化为对象

 

 

localStroage和sessionStorage使用大致相同，他们的不同之处在于，localstroage是永久保存，而sessionstroage是会话存在，

当会话结束，sessionstroage保存值也会清空。

方法三：

使用cookie保存：

原生cookie

 

//1、保存一条数据
document.cookie="name=abc";
document.cookie="age=18";
//2、获取所有数据
var cookie=document.cookie;
console.log(cookie);  //"name=abc; age=18; PHPSESSID=fr1njdv6apf3neoj5nehntrps7"
//之后可以解析字符串，获取指定的数据内容//3、设置cookie的有效期
document.cookie="id=666;expires="+new Date("2017-10-22 08:00");

jQuery.cookie.js插件

 

 

 //第一种类型：会话cookie//    //1、设置值
//    $.cookie("phone","13188886666");
//    $.cookie("email","123@qq.com");//    //2、获取值
//    var phone=$.cookie("phone");
//    console.log(phone);//    var email=$.cookie("email");
//    console.log(email);    //第二种类型：设置长期cookie(具有指定有效期)
//    $.cookie("address","广东深圳市",{
//        expires:7               //expires不仅仅可以是日期类型的对象，也可以是以天为单位的数字
//    });//    $.cookie("tel","0755-88888888",{
//        expires:1/24              //该cookie值就会保存一小时
//    });//    $.cookie("birthday","1.1",{
//        expires:new Date("2018-01-01 08:00")        //对于这样的过期时间，已经在内部处理好了时区问题
//    });    //删除指定的cookie
$.removeCookie("birthday");

使用cookie可用来跨页面传值-状态保持

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/jpfss/p/9116945.html