Web前端实现界面间传值的几种方式

最新推荐文章于 2023-11-03 18:35:03 发布

盏茶作酒

最新推荐文章于 2023-11-03 18:35:03 发布

阅读量845

点赞数 1

分类专栏： Web前端实现界面间传值的几种方式文章标签： Web前端实现界面间传值的几种方式

原文链接：https://blog.csdn.net/Street_Partners/article/details/84933429

版权

Web前端实现界面间传值的几种方式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Web前端实现界面间传值的几种方式

在一个web项目中，会有大量的界面。有很多功能是必须要向后台发送请求才能实现的，而界面间传值可以减少不必要的、重复的发送请求操作，从而减轻后台的负担。

第一种方式：利用缓存(cookie)

假如有A, B 两个界面，要把A的值传给B
首先两个界面中都得引入cookie的原生JS。我直接用网页的了。

1
A页的代码

然后在B页的JS中接收一下就行了

           $(function(){
               var yy = localStorage.getItem("name");
               var xx = localStorage.getItem("password");
               console.log("用户名"+yy);
               console.log("密码"+xx);
           });

           第二种方法：利用url参数传递

A界面，发送数据

           <!DOCTYPE html>
           <html>
               <head>
                   <meta charset="utf-8" />
                   <title></title>
               </head>
               <body>
                   <form name="frm" method="get" action="my_index.html" οnsubmit="return foo()">
                       <input name="id" value="" index="haha" />
                       <input type="submit" />
                   </form>
                   <script type="text/javascript">
                       function foo(){
                           return true;
                       }
                   </script>
               </body>
           </html>