jquery ajax在等待ajax响应时加载gif

时间:2013-08-04 16:33:55

标签: javascript ajax jquery

一直有他的问题,我似乎无法解决,我试图发布一个网址到这个页面进行PHP处理(这是有效的),但它可能需要长达10秒的时间来响应,所以我一直在尝试一个加载的GIF显示,而它等待,它没有看到按顺序。 这是我得到的:

$("#r_link_e").html('<img src="<?php echo base_url()?>images/ajax-loader.gif"  />');

        if($("#r_link").val() != ''){

            //Check             
                $.ajax({
                    url: "<?php echo base_url()?>home/check_url/"+$("#r_link").val(),
                    type: 'GET',
                    async: false,
                    cache: false,
                    timeout: 30000,
                    success: function(data) {
                        alert(data);
                    }
            });

页面上发生了什么:

  • Url提交
  • 页面冻结
  • 回应警报
  • 正在加载gif节目

感谢您的帮助:)

1 个答案:

答案 0 :(得分:1)

如果设置async: false,则告诉浏览器同步到该功能的呼叫响应,这意味着它将等待。删除或设置为true,它将异步运行 ,例如,不会冻结浏览器等待它完成。