使用.click（）事件处理程序加载图像

Question

我想尝试尝试类似AJAX的情况，即在单击按钮时在标签中加载图像。但是，只有2个按钮（prev＆amp; next）和一个文本输入选项，它将包含用户希望加载的图像名称。目前，我正在阅读O'Reilly的一些书籍（PHP，MySQL，jQuery，JS）。到目前为止，我知道我有一些选择可以开始研究来创建这个脚本。但是，我希望我能得到一些关于学习曲线最不陡的地方的指示。

如果我使用PHP root，我知道我可以使用GET或POST方法来识别prev和next图像，但是我不能在PHP中使用jQuery吗？

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

有鉴于此，如果能更深入地了解这个项目的开发会更快？还有其他我不知道的路线你推荐我钻研吗？

Answer 1

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

简而言之，我会这样做：

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

这样，您就不必从服务器获取全新的页面，并且您可以根据需要更新小的内容。这似乎是一件很简单的事情。祝你好运！