javascript - 如何通过点击事件在特定 block 中显示不同的内容

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

我正在学习网络服务器并做一些测试。我写了服务器部分，但我不知道如何编写javascript来发送请求。我想显示 stackoverflow 最喜欢的问题 block 。单击 1 显示 30 个最喜欢的问题，单击 2 显示接下来的 30 个问题。页面的其他部分无需更改。我应该选择什么来在前台执行此操作？

编辑:我想像 stackoverflow 最喜欢的问题 block 那样显示我自己的页面 block 。我的服务器已经存储了数据。

Answer 1

我认为您想要向 stackoverflow.com 网站发送 ajax 请求。

除非您是 stackoverflow.com 的开发人员之一，否则您无法向他们的网站发送 ajax 请求。

这称为跨域脚本，通常是不允许的。 There is a way to allow it ，但另一个网站 (stackoverflow.com) 必须通过在 PHP 中添加如下内容来专门允许它:

header('Access-Control-Allow-Origin: http://your-domain.com');

我可能是错的，但我不相信 stackoverflow.com 允许这样做。

因此，要进行测试，您必须在自己的服务器上创建第二个页面来响应 ajax 请求。

下面的帖子有一些简单的 ajax 示例，您可以在自己的服务器上尝试:

AJAX request callback using jQuery

<小时/>

注意:有一种方法可以将按钮按下发送到另一端，而无需使用跨域脚本。您可以使用名为 GreaseMonkey 的 Firefox 插件。或名为 TamperMonkey 的 Chrome 插件将 javascript 注入(inject)到页面中，几乎可以执行您想要的任何操作。您无法使用这些加载项发送 AJAX 并接收返回响应，但至少您可以按页面上的按钮。事实上，您可以将自己的按钮添加到页面中，并将 JavaScript 代码附加到那些可以更改页面外观的新按钮，或者按下页面上的按钮等。

<小时/>

重新阅读您的问题和评论，我现在明白您在问什么。它被称为“PHP 分页”，它使用 PHP 和 javascript(但主要是 PHP)的组合来工作。以下是一些有帮助的链接:

http://www.phpfreaks.com/tutorial/basic-pagination

https://www.tutorialspoint.com/php/mysql_paging_php.htm

https://code.tutsplus.com/tutorials/how-to-paginate-data-with-php--net-2928

http://www.youthinterest.com/2013/03/11/dynamic-pagination/