禁用 JavaScript 时的 Ajax 搜索解决方法

Question

我的网站上有一个搜索页面。搜索从外部源的几个（最终是几个）API 中提取。有时，搜索可能需要长达 5 秒的时间。 因此，我想至少使用加载 gif 来加载我的搜索页面，并让 AJAX 开始提取数据，一次显示一点。 （类似于 http://gamespot.com 虽然这是一个坏例子，因为搜索在禁用 JS 的情况下不起作用）

当然，我必须考虑那些关闭了 Javascript 的用户，所以对于他们来说，我只是让 PHP 进行搜索，他们将不得不忍受等待。

实现这一点的最佳方法是什么？如果我使用 ，那么所有用户仍然必须等待 5 秒的 PHP 部分加载。

我是否可以让搜索表单根据用户的 JS 状态将他们发送到不同的页面？

Answer 1

也许 noscript 部分定义了一个 iframe 来加载长时间 PHP 查询的结果？

我是否可以让搜索表单根据用户的 JS 状态将他们发送到不同的页面？

如果您的用户来到您的页面，然后发送表单，这绝对是最好的方法。例如：

HTML:

<form id='theForm' action='long_search.php'>
....

JavaScript:

hookEvent(document.getElementById('theForm'), 'submit', function(event) {
    event.preventDefault();
    loadAjaxSearchResults();
    return false;
});

...其中 hookEvent 是一个使用 addEventListener 或 attachEvent（在 IE 上）的函数。

---

离题：hookEvent 的事情，就像很多这样的事情一样，如果你使用像 jQuery、原型、YUI、关闭 或 < a href="http://en.wikipedia.org/wiki/List_of_JavaScript_libraries" rel="nofollow">其他任何一个。例如，使用 jQuery：

$("#theForm").submit(function() {
    $("#resultsTarget").load("ajaxsearch.php", $(this).serialize());
    return false;
});

Answer 2

如果没有 JavaScript，您将需要将数据发布到服务器并在页面上执行完整的回发（刷新）。就像过去的美好时光一样。 ;)

Answer 3

不，你应用你的js代码（如果我理解正确的话自动完成？）直到一个输入字段。将 Javascript 想象成一个扩展器。如果禁用 js，则不会在输入字段上扩展自动完成功能。你可以在其中写一些文字，说，伙计，打开 js，否则这将是一个很长的搜索。如果js打开，则隐藏文本

Answer 4

渐进增强：

首先构建它，使 PHP 版本能够正常工作。这是所有人都可以访问的。然后，添加 javascript，以便在可用时在幕后执行 ajax 请求以获取内容并更新当前页面。

将这本书视为关于该主题的简单而精彩的读物：
防弹 Ajax