使用.click()偶数处理程序加载图像


Loading Images with .click() even handler

我想尝试一种类似AJAX的情况,当点击按钮时,我会在标签中加载图像。然而,只有两个按钮(上一个和下一个)和一个文本输入选项,其中包含用户希望加载的图像名称。目前,我刚刚从读了一堆奥的书(关于PHP、MySQL、jQuery、JS)中收获了果实。到目前为止,我知道我有几个选择可以开始研究来创建这个脚本。但是,我希望我能得到一些关于学习曲线最不陡峭的地方的建议。

如果我进入PHP根目录,我知道我可以使用GET或POST方法来区分上一个和下一个图像,但我不能在PHP中使用jQuery,是吗?

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

在这种情况下,追求更深入的理解来开发这个项目哪个会更快?有没有另一条我不知道的路线,你建议我深入研究?

我建议采用"单页应用程序"类型的方法,因为这是我要走的方向,而且不会比任何其他方法更困难。学习正确的东西从来都不是一件容易的事,但这是值得的

简而言之,我会这样做:

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

这样,您就不必从服务器上获得一个全新的页面,而且您可以根据需要更新一些小东西。这似乎是一件简单的事情。祝你好运