0

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

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

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

如此看来,更深入的了解去开发这个项目,哪个会更快呢?是否有其他我不知道的路线,您建议我深入研究?

4

1 回答 1

0

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

简而言之,我会这样做:

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

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

于 2013-08-12T04:09:44.123 回答