【问题标题】:Appending only numbers to a friendly URL after selecting a number选择数字后仅将数字附加到友好 URL
【发布时间】:2016-08-08 13:46:26
【问题描述】:

我的网站基本上由人们可以浏览的照片库组成。在主页上,人们可以选择访问图片库,然后在图库中,他们可以选择要查看的照片。

这是为用户提供图片选择的可能不同方式的图片。现在在我的网站上,我提供最左边的选项,因为它兼容所有浏览器。

我希望在我的网站上使用的选项格式在“所需选项”下定义。当用户选择带框的箭头时,数字(此处显示为##)将自动递增或递减。然后当点击 GO 时,URL 为http://example.com/picturenumber/##。因此,如果用户使用向上和向下箭头按钮选择数字 10 并单击 GO,则http://example.com/picturenumber/10 是生成的 URL。

问题来了

要实现上述,我觉得我需要使用javascript。我相信全世界至少有一个人想要使用我的网站,他们使用的是不支持 JavaScript 的设备或浏览器。这迫使我使用最右边的选项格式,一个用于输入图片编号的基本文本框和一个 GO 按钮。

我对我的问题的部分回答是这样的:

使用这个 HTML:

进入 #:

这个 PHP 名为 imagepicker.php:

虽然这确实有效,但问题是需要额外的请求才能完全处理用户的请求。

我觉得解决我的问题的唯一其他选择是:

  1. 不使用友好的 URL 并使其兼容,以便在提交表单时加载正确的 URL,而无需额外的请求。例如,将此网址设为地址栏中显示的官方图片网址:http://example.com/imagepicker.php?number=##

  1. 在主页上列出每个图像编号,这是相当多余的,因为该列表位于图库页面中。

我什至想过用组合框代替文本框,但这也无济于事。

我有什么方法可以做到这一点,以便不支持 javascript 的用户可以输入图像编号,然后单击按钮即可转到该图像,而无需访问生成的图像页面。如此友好的 URL 并且没有一次列出所有图像编号?如果是这样,您有什么建议?

【问题讨论】:

    标签: javascript html image forms friendly-url


    【解决方案1】:

    所以,基本上它归结为一个 HTML 问题,您需要增加一些数字,按下按钮改变 URL 的格式以便友好,然后,您必须产生回发。我认为你需要 javascript。

    如果没有 javascript,我认为最好的解决方案是牺牲友好的 URL 并使用方法 GET 创建一个表单,因此用户编写的选择将作为查询字符串的一部分发送到服务器。但仅适用于那些浏览器上没有 javascript 的用户。其余部分您可以使用 javascript,但如果您这样做,最好保持“不友好”的 URL 格式以保持一致性和可维护性。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-06-04
      • 2017-09-29
      • 2012-04-24
      • 2010-12-25
      • 2017-06-12
      • 2013-04-02
      • 2013-11-08
      • 2021-08-11
      相关资源
      最近更新 更多