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

Question

遇到了他的问题，我似乎无法解决，我试图在此页面上发布一个URL以进行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);
                    }
            });

页面上会发生什么：

• 网址提交
• 页面冻结
• 响应警报
• 加载gif节目

感谢您的任何帮助 ：）

Answer 1

如果您设置async: false ，则表示浏览器要同步到该函数的调用响应，这意味着它将等待 。 删除或将其设置为true ，它将异步运行，例如，不会冻结浏览器等待其完成。