Question

我正在为服装品牌创建一个网站，但我仍然开始使用我的网络开发工作。我有一个索引页面上有几个服装项目。当用户将鼠标悬停在项目的图片上时，鼠标悬停在效果上，并且项目上方会出现一个小的“查看项目”。当用户单击此“查看项目”文本时，它将打开一个包含该特定页面信息的新页面。

我正在努力的部分是如何将参数发送到此项目页面，因为我需要某种方式来了解点击了哪个项目。我可以编写一个jQuery函数，在单击文本时将触发该函数并对项目ID传递的item.php页面执行.post（）方法吗？

所以它会像

$.(document).ready( function() {

    $("#itemText").click( function() {

        $.post("item.php", parameters);
    });
})

Answer 1

POST不是适当的协议。改为使用GET。

GET易于使用HTML链接;每次点击网站上的链接时都会发生这种情况。说该页面是＆＃34;产品。＆＃34;如果用户点击了产品1，那么该页面的URL可能是＆＃34; products /？id = 1＆＃34; （如果使用mod_rewrite，则为products / 1）。＆＃34; id＆＃34;变量值为＆＃34; 1＆＃34;将通过$ _GET [＆＃39; id＆＃39;]提供给PHP。使用该变量，您可以根据ID检索正确的信息。

POST适用于用户提交数据或图像字段的表单。 http://html.net/tutorials/php/lesson10.php

如果您正在尝试构建纯Javascript解决方案，那么这是完全不同的事情。在这种情况下，您可以使用哈希标记或HTML5历史记录API来更改URL。当URL更改时，将通知Javascript，然后可以执行任何操作。但是，基于你特别说＆＃34; POST＆＃34;我假设您使用的是PHP等服务器端语言。

Answer 2

如果您要打开新页面，则不应发布POST。如果你必须POST，你应该POST然后重定向，虽然因为你实际上没有执行一个动作我建议只是坚持GET请求。这样，新打开的页面可以很容易地被查看器刷新和共享。

最优雅的方法是在服务器上使用重写规则或路由器，以便您可以传达要显示的项目，例如：http://example.com/item/1/

但您也可以使用GET参数：http://example.com/item/?id=1

如果您需要与将在页面上执行的Javascript进行通信，您还可以使用哈希：http://example.com/item/#1

根据您显示项目信息的方式以及您使用的服务器端技术，有几种使用GET的选项。

HTML使用jQuery发送回发？

2 个答案: