Question

我有一个简单的要求，但是，我很想就最佳解决方案发表意见。

首先，我在LAMP开发服务器上使用CakePHP和JQuery。

该网站使用一个简单的搜索表单，通过GET将数据提交到/ search？term = xxx

搜索逻辑实现了对多个第三方API的大量耗时调用，目前最多5秒。

我需要的是尽可能快地加载的页面，然后为最终用户提供响应式反馈。我认为实现一个显示“请等待”消息或动画gif将是最好的方法。在页面加载/搜索提交时，对cakePHP URL执行Ajax调用，该URL启动密集查询，传递搜索项，并响应一组数据进行布局。

它应该与汽车保险比较网站类似，汇总来自多个来源的数据，并为最终用户提供响应性反馈。

这听起来不错吗？任何人都可以提供任何代码示例/ URL来巩固我的理解吗？

谢谢，保罗

Answer 1

嗯，加载图片可以这样做：

function()
  {
  ajax_loading_image('.someDivId');
  $.ajax({
    type: "GET",
    url: 'yourUrl',
    data: 'yourGETSubmittedData',
    success: function(msg)
      {
      // do some stuff
      ajax_remove_loading_image('.someDivId');
      }
    });
  }

function ajax_loading_image(div)
  {
  $(div).html('<img src="ajax-loader.gif" alt="loading..."/>');
  }

function ajax_remove_loading_image(div)
  {
  $(div).html('');
  }

CakePHP Jquery Ajax进度指标 - 更新DIV

1 个答案: