页面加载时也使用AJAX?

时间:2012-01-15 14:11:35

标签: jquery ajax

我将使用jQuery为JS和Codeigniter构建一个基于ajax的应用程序作为PHP框架。

当用户与应用程序交互时,显然使用ajax来更新页面,但在第一次加载应用程序时它是否有用,或者只是导致页面变慢?

编辑:我会尝试更具体。

好吧,我有一个静态部分的网站,其中展示了应用程序,用户可以登录/注册然后是真正的应用程序。

每个用户都有一些“项目”,他可以编辑,删除或添加新项目,项目按几个类别排列,用户可以管理这些类别。

所以我会有2个简单的CRUD:一个用于项目,一个用于类别。

只使用ajax会容易得多,但我注意到很多dom减慢了页面,因为我还需要使用很多jquery来拖放效果......

编辑2:谢谢你的答案,但我问了一些不同的,如果使用太多的ajax(也用于页面加载)会减慢页面的速度

2 个答案:

答案 0 :(得分:0)

只需将ajax功能放入document.ready function即可。 这将在页面加载时运行ajax调用。

$(document).ready(function() {

    // put all your jQuery ajax in here.
    $.ajax({
      url: "test.html",
      context: document.body,
      success: function(){
        alert('success');
      }
    });

});

希望这有帮助。

答案 1 :(得分:-1)

与任何其他jQuery AJAX调用一样,但您不需要将其分配给事件。

e.g。

$(document).ready(function() {

  $.ajax('exampleurl', {
    success: function(data) { $('#example').html(data); }
  }

});

这会在页面加载时运行$ .ajax()调用,并将#example div的内容替换为ajax调用中加载的内容。