h5页面跳转与传值

zxh1919 zxh1919     2022-10-08     286

关键词:

 页面之间的跳转经常使用a标签,使用mvc框架的都是通过访问controller的请求方法,返回请求页面。但本次开发,前端与后台完全分离,前端APP使用HBuider来开发,后台数据就无法使用mvc框架访问数据的方法了。

 

       H5提供了本地存储用户浏览数据的方法,早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能。

 

      数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

 

       主要使用的是localStorage和sessionStorage对象。 localStorage - 没有时间限制的数据存储; sessionStorage - 针对一个 session 的数据存储(关闭窗口,存储的数据清空)。

 

     1.  localStorage实现方式:

      

      (1)存储:localStorage.setItem("name","张三");

      

       (2)获取数据:var name=localStorage.getItem("name");

 

       (3)移除: localStorage.removeItem("name");

 

       (4)清楚所有:localStorage.clear();

 

       (5)保存非字符串,需要使用JSON转化:

 

         存:oStorage.setItem(‘data‘, JSON.stringify(data));  取:var data = JSON.parse(oStorage.getItem(‘data‘));

 

2.  sesstionStorage的方式与localStorage基本相同:

sessionStorage.setItem("key", "value"); var value = sessionStorage.getItem("key");

 

3.  与cookie比较:

    

       a. 它存储容量更大 b. 每次请求,cookie都要被传送,浪费带宽,另外,cookie不可以跨域访问

 

4. 页面跳转举例:

 

 

mui页面跳转并传值:

      function showDetails(msgSource){ mui.openWindow({ url:viewUrl+"Character1.html", id:"Character1.html", extras:{"companyID":companyID,"msgSource":msgSource,"msg_type":msg_type} }); }

 

a标签跳转:<a href="‘+viewUrl+‘Character1.html?msg_source=‘+data.result[i].msgSource+‘"  class="more">

调用方法跳转:</div>‘+‘<a href="javascripte:;" onclick="javascript:showDetails(‘+data.result[i].msgSource+‘)"  class="more">查看详情</a>

 

页面刷新:window.location.reload();

 

androidstudio基础项目-两个activity的intent跳转与传值,并onactivityresult回传一个/多个值,与回传消息内容。(代码片段)

AndroidStudio基础项目-两个Activity的Intent跳转与传值,并onActivityResult回传一个/多个值,与回传消息内容。内容如图:代码接该章节:https://blog.csdn.net/xwbk12/article/details/116561412?spm=1001.2014.3001.5501一、简单传值第一步... 查看详情

androidstudio基础项目-两个activity的intent跳转与传值,并onactivityresult回传一个/多个值,与回传消息内容。(代码片段)

AndroidStudio基础项目-两个Activity的Intent跳转与传值,并onActivityResult回传一个/多个值,与回传消息内容。内容如图:代码接该章节:https://blog.csdn.net/xwbk12/article/details/116561412?spm=1001.2014.3001.5501一、简单传值第一步... 查看详情

angular2路由跳转与传参

参考技术A使用routerLink跳转<arouterLink=["/exampledetail",id]></a><arouterLink=["/exampledetail",queryParams:object]></a>使用navigate跳转this.router.navigate(['user',1]);以根路由为起点跳转this.router.navigate(['user',1]... 查看详情

跳转页面与传值(swift4)

参考技术A使用storyboad连接方式,当一个页面viewController1跳转到另一个页面ViewController2的时候,可以用present的方式进行,但是传值的时候,如果是ViewController2中有@IBOutlet的控件的时候,此时ViewController2还未启动viewDidLoad(),所以,... 查看详情

react-note

1、页面跳转与传值hashHistory.push("/feature_extract_list/selected_feature/"+id);hashHistory.push({pathname:‘/feature_extract_list/selected_feature/‘,query:{‘id‘:id,}});hashHistory.push({pathname:‘/feature_ext 查看详情

url跳转与钓鱼(代码片段)

从登录页跳转到另一个页面就叫做URL跳转。1.URL跳转  URL跳转一般分为两种,(1)客户端跳转;(2)服务端跳转。对用户来说,两种跳转都是透明的,都是指向或者跳转到另一个页面,页面发生了改变。但对于开发者来说,... 查看详情

传值与传址

基本类型传值 引用类型传址  查看详情

vbscriptvb的传值与传址(代码片段)

查看详情

python传值与传址(代码片段)

问题传值还是传址是Python程序设计中最容易混淆和出错的一类编程方式。方法传值'''(1)数字'''a=1deffoo1(a):a=10foo1(a)print(f'a=a')#1'''(2)字符串'''b='hello'deffoo2( 查看详情

20161014006datagridviewcombobox数据绑定与传值

       //Combobox       privatevoidT_Form_CY_CBD_D_CurrentCellChanged(objectsender,EventArgse)       查看详情

[ue4]传值与传引用

值传递是圆形图标设置引用需要使用Setbyref函数  对象在蓝图中都是以引用传递  对象,不需要额外设置参数类型是传值还是传引用。结构体在蓝图中默认是按值传递  也可以手动设置结构体参数为按引用类型,结构... 查看详情

c语言中传值与传地址区别(代码片段)

C语言中传值与传地址区别函数中传值与传址的概念传值:实际是把实参的值赋值给行参,相当于copy。那么对形参的修改,不会影响实参的值。传址:实际是传值的一种特殊方式,只是传递的是地址,不是... 查看详情

关于vue监听dom与传值问题

1.代码初始化一次执行部分属性为空的情况原因: 异步加载+立马 传值时      直接渲染dom里面 能实时更新(无影响)     不能直接dom中渲染(有影响)   解决方法:需要通过监听的方式来处理返回... 查看详情

c语言的传值与传址调用

传值调用并不能改变两个变量的值,而传址能。为什么,因为,传值调用,仅仅是在函数内,调换参数的值。而地址所指向的值,改变的不仅仅是函数内,函数外也改变。请看代码:这里还要注意:通常我们不会返回局部变量的... 查看详情

delphi参数的传址与传值

functionDoubleVal(Val:Integer):Integer;beginVal:=Val*2;Result:=Val;end;functionDoubleRef(varVal:Integer):Integer;beginVal:=Val*2;Result:=Val;end;调用:varI,J:Integer;beginI:=2;J:=DoubleVal(I);//I=2;J=4;//如果调用下面的话,//J:=DoubleRef(I);//I=4;J=4;i的值改变了 查看详情

sourceinsight如何实现函数间的跳转与返回

参考技术A很简单,按住Ctrl键,然后点击函数就可以跳转到相应函数了!本回答被提问者和网友采纳 查看详情

intent实现页面跳转和传值

*Intent称为意图,是Android各大组件连接的桥梁1.Activity页面跳转Intentintent=newIntent();intent.setClass(MainActivity.this,SecondActivity.class);MainActivity.this.startActivity(intent);2.Activity页面跳转传值第一种方法:发送方:Intentinte 查看详情

03、vue页面跳转传值,父子组件传值

参考技术A1、页面跳转传参2、父子组件传值父组件子组件(子组件调用父组件的方法)3、父组件调用子组件的方法4、修改浏览器的title//修改浏览器的头部 查看详情