前言

我们常常看到网址后面会有一个问号，后面会带一大堆类似key-value结构的数据。其实这是向另一个网址传值的其中一个方式。下面利用URL地址实现页面间传输数据和获取数据的方法

一、通过URL向另一个页面传递数据

我们两种方法进行传值：

1 a标签中设置href在url上存放数据，里面的数据以key-value方式存储

2 通过window.location.href="url"

    注意这里我用到的vue框架，需要在href前加:
1 <a :href="'movieIntro.html?id='+id+''"></a>
整体上双引号中要让一组单引号这样才能使添加的动态数据成功传递    href="'url'"我们要添加动态数据时数据只需要在添加的变量两边加上单引号和加号  '+变量+'
这起始也是跟拼接字符串类似2 window.location.href="movieIntro.html?id="+this.id;这种就是拼接字符串的方法，可以很简单的设置url并跳转，但需要方法来调用它

下面我们举个栗子

例如这是我制作的电影如果要点击电影的图片就会进入电影详情页

进入详情页后我们可以看到上面网页上？后有个id=3，这就是我们要传递的数据，我们可以出来的数据来显示对应的内容。那么我们怎么接收url上的数据呢？

http://localhost:63342/boottest/static/pages/movieIntro.html?id=3

电影介绍

二、接收URL上的数据

我们可以通过location.search方法

location.search可以获取 包含?和?后的字符串  如？id=3
var url=location.search;我们可以通过去字符串处理来获得我们想要的数据
this.movieId=url.split('=')[1];          以等号分割字符串[0]id [1]3

总结

希望以上的方法能够帮助你们，csdn帮助我解决了很多问题，非常感谢无私奉献的彭友们~

利用URL地址实现页面间传输数据和获取数据相关推荐

微信小程序-页面间如何进行传递数据(通信)
前言在小程序中组件与组件之间的通信是通过在引用组件处,在自定义组件上添加自定义属性实现的,子组件内部通过properties进行接收更多关于组件与组件之间的通信可参考小程序-实现自定义组件以及自定 ...
flex osgi实现-potomac 实现页面与页面间数据传递和页面间各部分的数据传递
我新建了两个bundle: 实现page中part页面数据传递:采用pageSelectChanged事件触发, dispatchEvent(new PartEvent(PartEvent.SE ...
php 模拟post带cookie,php利用curl模拟post登录，传递cookie获取数据
一般我们会用curl抓取其他网站的数据,不过一些网站会设置成登录后才可以获取数据,这样一来我们就需要利用curl模拟登录保存cookie,并且传递cookie伪装和网站建立通信,获取到数据. curl ...
实现android多页面跳转，获取数据操作
准备工具:安卓开发工具实现页面效果: 1.第一页面:要求停留三秒跳转第二页面 2.第二页面,要求:获取输入的数据点击确定按钮跳转第三页面并数据传入第三页面 3.第三页面:要求:接收第二页面数据显示在 ...
vue引入id3_Vue页面间传值，客户端数据存储，以及父子组件间props传值
初学Vue,遇到了页面传值的问题,大概网上学习了解了一下,在此跟大家分享一下学习心得,欢迎批评指正. 一.参数传值如果是简单的页面传值,比如传一个id到详情页等等,推荐使用参数传值. 这里页面是通过 ...
微信小程序——获取视频的URL地址【已解决】
微信小程序--获取视频的URL地址[已解决] 如何获取音乐MV的URL地址虾米音乐试了很多音乐网站发现"虾米音乐"的MV的URL地址是可以获取的,并且在微信小程序播放视频的时候 ...
laravel route函数 404_laravel生成及获取不同类型的URL地址总结
php中文网课程每日17点准时技术干货分享本文为php中文网认证作者:"齐天大圣"投稿! 生成url的功能是任何一个框架都必须具备的功能,laravel提供了几个方法来生成UR ...
php获取当前页面地址代码,PHP获取当前页面URL地址程序代码
在php中要获取当前页面url地址方法很简单,下面我来给大家总结一下利用相关函数获取完整页面url地址的实例. PHP的预定义变量$_SERVER是一个包含头部(headers),路径信息及脚本位置的 ...
转：Web页面通过URL地址传递参数常见问题及检测方法
Web页面即我们在浏览器中所看到的网页,在Web应用程序中,其页面往往需要进行动态切换和数据交互,页面间的数据常规传递方法有多种,本文主要介绍Web页面处理程序中常见的URL地址参数传递方法,包括概述 ...

利用URL地址实现页面间传输数据和获取数据

文章目录

前言

二、接收URL上的数据

总结

利用URL地址实现页面间传输数据和获取数据相关推荐

最新文章

热门文章