使用 .click() 事件处理程序加载图像答案

【问题标题】：Loading Images with .click() even handler使用 .click() 事件处理程序加载图像
【发布时间】：2013-08-12 12:09:44
【问题描述】：

我想尝试一种类似 AJAX 的情况，即在单击按钮时将图像加载到标签中。但是，将只有 2 个按钮（上一个和下一个）和一个文本输入选项，其中包含用户希望加载的图像名称。目前，我刚刚阅读了 O'Reilly 的大量书籍（关于 PHP、MySQL、jQuery、JS）的成果。截至目前，我知道我有几个选择可以开始研究以创建这个脚本。但是，我希望我能得到一些关于学习曲线最不陡峭的地方。

如果我访问 PHP 根目录，我知道我可以使用 GET 或 POST 方法来识别上一个和下一个图像，但是我不能在 PHP 中使用 jQuery，对吗？

然后，我知道我可以走 JS/jQuery 路线，当按下按钮以识别上一个/下一个图像时，我可以执行一些正则表达式来获取文件名中的数字。但是，我不确定是否可以在没有 AJAX 的情况下在 div 标签中插入一个 img，即使我确实使用了 jQuery？

在这种情况下，更深入地了解开发这个项目会更快吗？是否有其他我不知道的路线，您建议我深入研究？

【问题讨论】：

您不使用 Ajax 加载图像。您可以为图像加载标记（标记，<img src="...">），并将其注入到 div 中。您还可以从 jQuery 创建一个“标签”（实际上是一个“元素”），不需要 Ajax 或 php。
这听起来不像你需要为此使用 AJAX。如果你问我，只需使用 jQuery 加载图像。使用 PHP $_POST 或 $_GET 来完成此操作没有任何意义。仅更改上一个和/或下一个 IMO 图像有点过于极端。如果您需要获取和/或将信息放入数据库中，AJAX 会很有用。

标签： php javascript jquery

【解决方案1】：

我建议采用“单页应用”类型的方法，因为这是我要走的方向，并且不会比任何其他方法更困难。正确学习绝非易事，但值得。

简而言之，我会这样做：

我会在您的服务器代码中连接一个 POST 路由，该路由将用户提供的文本作为参数。如果您还没有编写任何服务器端代码，请使用框架。 Laravel 和 Symfony 是不错的开始。（如果找不到，该路由应该返回图像或错误消息？...不确定您的想法）
编写一些简单的 jquery 来处理按钮的 onclick 事件，从文本框中抓取文本，然后对上述 POST 路由进行 ajax 调用。
然后，ajax 调用的回调将处理您从服务器返回的图像或错误消息，并相应地更新 DOM。

这样，您不必从服务器获取一个全新的页面，您只需根据需要更新一些小东西。这似乎是一个很好的简单开始。祝你好运！

【讨论】：