jQuery Ajax Loader

时间:2010-01-17 21:43:29

标签: javascript jquery ajax

问候,

我想知道如何让它成为ajax加载器...

实际上我在ajax中调用一个函数......一切都很顺利

这是如何完成的

 $('#txtEmail').blur(function()
    { 
        $.post("ajaxAvailability.aspx",{ email:$(this).val() } ,function(data)
        {
            if(data=='false')

...

现在我想要一台装载机,所以我这样做了:

$('#loader').ajaxStart(function() {
       $(this).show();
     }).ajaxStop(function() {
       $(this).hide();
     });

这应该有用吗?发生的事情是我在jquery.js ....中获得了一个异常。

-thanks提前

2 个答案:

答案 0 :(得分:1)

我通常在我的代码中执行此操作:

$('#txtEmail').blur(function(){
  var value = $(this).val();
  //display loader image
  $("#indicator").html("<img src='PATH/loading.gif' alt='' /> Sending...").show();
  $.post(URL,
    { email:value },
    function(data) {
      $("#indicator").empty().hide();
      //...
    });
)};

在上面的代码中,动画图像将出现在id="indicator"的DOM元素中。在AJAX请求完成后,我清空容器,然后隐藏它。根据您的页面元素进行调整。

我的另一个代码使用jQuery blockUI,通常在提交表单时,以防止双重提交。查看Web以获取用法示例。

答案 1 :(得分:0)

问候,适合所有人

此问题的解决方案是正确的jquery-1.3.2-vsdoc2.js文件

关于ajax函数有f参数,这应该被替换为回调