0

我正在建立一个漫画网站,并希望允许用户搜索存储在文件系统上的漫画。搜索将动态返回每个匹配漫画的缩略图,这些缩略图将链接到实际的全尺寸漫画。

我按照这个使用 XMLHttpRequest 实现搜索:http: //www.w3schools.com/php/php_ajax_php.asp

在该示例中,每次有字母匹配时,它都会在数组中构建一串值。我想在每次匹配字母时显示图像,而不是字符串。

所以,如果我的漫画是:[comic1,comic2,comic3,thiscomic1,thiscomic2] 并且我输入“c”,我希望显示 Comic1、comic2 和 Comic3 的图像。

我可以构建一个图像文件位置的“字符串”,以便它们可以显示,逗号分隔?

谢谢!

4

1 回答 1

1

您应该查看 jQuery (http://jquery.com/) - 它节省了您将遇到的很多麻烦,有两点。

  1. 它简化了 AJAX(XMLHttpRequest 可以用不同的浏览器进行不同的处理,另外还有所有需要担心的错误检查和状态处理 - jQuery 简化了这一点)

  2. 它还简化了将 HTML 插入 DOM 的过程(手动操作可能会很麻烦,具体取决于插入的 HTML)。

基本上,使用 jquery.get() (http://docs.jquery.com/Get#.24.get.28.29__-_Data_transfer_method) 和 html() (http://docs.jquery.com/Html)

如果您的返回是 HTML,那么结束代码就像

$.get("url",
  {},
  function(returned_data)
      {
      $('#ContainingDiv').html(returned_data);
      });

您还应该添加错误处理(它可以小到另外 1 行,但是您在阅读文档时选择)并且如果您想要返回文件的“数组”,您可以返回 JSON(或 XML,但 JSON通常更容易处理)但您需要编写一个函数来接收和处理该列表。

于 2012-08-30T04:57:51.350 回答