如何将信息从一个html页面传递到另一个页面

时间:2017-05-07 08:36:13

标签: html5

这里的第一个问题。我在HTML5中构建了一个唱片店网站,其中一个页面(store.html)显示所有相册,每个页面下面都有一个“立即购买”按钮,其中包含指向buy.html的链接

<div class="item goth rock folk cd">
<div class="card-izotop-img">
<img src="img/vinyl/wolfe_abyss.jpg" alt="Chelsea Wolfe - Abyss">
</div>
<div class="card-izotop-info">
<h6>Chelsea Wolfe - Abyss</h6>
<h5>€ 25</h5>                              
<a href="vinyl/buy.html">Buy Album</a>
</div>
</div>

buy.html页面对于此页面中的所有相册都是通用的。我试图做的是以某种方式将点击的相册中的信息(在store.html页面上)传递到buy.html页面。因此,如果有人点击上面的例子,他会得到文字说:你想购买&#34; Chelsea Wolfe - Abyss&#34; at&#34; 25&#34;欧元

而点击不同相册的其他人将获得该相册的信息。请注意,我没有使用表单,我在此处找到的大多数答案都使用表单作为解决方案。

由于这是一家独立的唱片店,我想避免每月向Shopify或Paypal等收费和佣金,所以我尝试了一个简单的解决方案。如果你能指出我的方向,我可以找到一种方法来解决这个问题。谢谢

2 个答案:

答案 0 :(得分:1)

是的,将信息从一个页面传递到另一个页面的第一个选项是表单。 因为您不想使用它,所以还有第二种方法将信息作为您将要访问的网址中的查询字符串传递。

Syntax is as follows:
url?<query_string> where
query_string is parameter1=value1&parameter2=value2&... so on

Example:
<a href="vinyl/buy.html?albumId=Chelsea_Wolfe_Abyss&price=25">Buy Album</a>

使用查询字符串时要记住: 传递空格或特殊字符时,更喜欢在将值传递到URL之前对值进行编码。 有一个JavaScript函数encodeURIComponent()来编码它们,因为当直接在URL中传递时,空格等可能是不安全的。

encodeURIComponent('Chelsea Wolfe - Abyss') will result in:
Chelsea%20Wolfe%20-%20Abyss

答案 1 :(得分:0)

我认为你应该使用PHP + MYSQL来做到这一点。 你应该:

  1. 将有关相册的所有数据放入数据库
  2. 从数据库返回有关您将要展示的相册的数据
  3. 显示包含记录编号参数的相册和链接列表 福克斯的例子:

    <强> <a href="vinyl/buy.php?a=1">Buy album</a>

    <强> <a href="vinyl/buy.php?a=2">Buy album</a>

  4. 从数据库中选择一行,其中包含从URL获得的记录号。

  5. 您将使用代码 $record_number=@$_GET[a]; 获取recond号码 并使用$ record_number从数据库中选择专辑信息

    1. 显示有关您要展示的相册的信息