本地引入css和js的react项目怎么进行页面跳转并传参

JavaScript013

本地引入css和js的react项目怎么进行页面跳转并传参,第1张

页面跳转时只能使用 HTTP 协议的 GET 方法,因此如果想要传参,只有以下途径:

1、如果参数不是很多很长,可以把参数放到要跳转的地址后面。

2、如果参数很长,或者不想让用户知道,可以在跳转前提交给服务器,保存在服务器的 Session 里。

3、如果参数仅仅用于前端页面使用,可以保存在 LocalStorage 或 SessionStorage 里(HTML5)。

4、如果参数到处都会用到,可以保存在 Cookies 里。

有时候,为了隐藏页面之间传递的参数,不会用直接路由加参数的形式去跳转,而是利用post方法,

我们都知道post方法传递参数时,参数并不现实在url里面

post传参并跳转

1.JS跳转页面参考代码

第一种:

<script language="javascript" type="text/javascript">

window.location.href="login.jsp?backurl="+window.location.href

</script>

第二种:

<script language="javascript">

alert("返回")

window.history.back(-1)

</script>

第三种:

<script language="javascript">

window.navigate("top.jsp")

</script>

第四种:

<script language="JavaScript">

self.location='top.htm'

</script>

第五种:

<script language="javascript">

alert("非法访问!")

top.location='xx.jsp'

</script>

2.javascript中弹出选择框跳转到其他页面

<script language="javascript">

<!--

function logout()...{

if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{

window.location.href="logout.asp?act=logout"