搜索后预加载屏幕？

发布于 2024-10-10 04:00:02 字数 562 浏览 1 评论 0原文

我的主页中有一个航班搜索搜索框（类似于 http://www.travelpack.com/ )

当您在 http://www.travelpack.com/ 中搜索时，您会看到“我们正在搜索符合您要求的航班。请稍等... “ 屏幕我没有，我想在我的网站上有一个类似的屏幕。

问题是，当我从主页单击搜索时我正在使用 javascript 提交表单，

document.flight_search.action = 'php/flt-show-availability.php?&s=1&Sort=P';
            document.flight_search.method = 'post';
            document.flight_search.submit();

如何创建与旅行包中类似的加载屏幕。

原文

i have a search box flight search in my home page (similar to http://www.travelpack.com/)

When you search in http://www.travelpack.com/ you will see a "We are searching for flights that meet your requirements.
Please wait...
" screen i didn't have it and i want a similar screen in my site.

the problem is that when i click search from my home page
i am using javascript to submit the form

document.flight_search.action = 'php/flt-show-availability.php?&s=1&Sort=P';
            document.flight_search.method = 'post';
            document.flight_search.submit();

how can i create a loading screen similar to that in the travel pack.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少钕鈤記 2024-10-17 04:00:02

在 jQuery 中，一个会显示屏幕，并在 ajax 调用（告诉应用程序生成结果）完成后转发，很像：

$('.search').click(function(event){
  event.preventDefault();
  $('#loadAnimationWrapper').show();

  $.ajax({
    cache: false,
    async: false,
    type: 'GET',
    url: '/your/callback/url',
    success: function(data) {
      // your forwarding code
    }
 });
});

但在我看来，您给出的示例页面存在显示内容的问题：未在 url 中表示，因此，例如，您不能将 url 提供给其他人以让他查看结果。

所以，ajax 魔法 - 当然，但要小心。

in jQuery one would show the screen, and forward after the ajax call (which tells the appilcation to generate a result) is completed, much like that:

$('.search').click(function(event){
  event.preventDefault();
  $('#loadAnimationWrapper').show();

  $.ajax({
    cache: false,
    async: false,
    type: 'GET',
    url: '/your/callback/url',
    success: function(data) {
      // your forwarding code
    }
 });
});

But in My Opinion, the example page you give has the Problem that the content shown does is not represented in the url, so, for example you can't give the url to somebody else to let him have a see at the results.

So, ajax magic - sure, but be careful.

回复收藏 0 原文