php - ajax 图像加载器在 firefox 中工作但在 google chrome 中不工作

Question

请帮助我在 chrome 中调用 ajax 时无法显示加载图像？这是我的脚本

function ajx_load_image(category)
{
    $("#"+category+"-text-1 .loading").show(); // showing image

    $.ajax({
             type:'POST', 
             url: './img_load.php',
             data: {num_count:load_count,cat:category},
             async: false,

            success: function(data)
            {
                data=jQuery.trim(data);
                if(data != ''){                 
                    $("#"+category+"-text-1 .loading").hide();

                    $("#"+category+"-text-1 .items").append(data);
            }
            else{
                $('.next.browse.right.'+category).removeClass('disabled');                                      
            }

            }

        });
}

我的 html 文件

<div id="tamil-text-1" class="tab-content">
  <div class="tab-top-curve"><img src="images/tab-top-curve.jpg" width="700" height="19" /></div>
  <div class="tab-mid-curve"> <a class="prev browse left disabled tamil" name="tamil"></a>
    <!-- root element for scrollable -->
    <div class="loading"><img src='images/ajax-loader.gif' /></div>
    <div class="scrollable">
      <!-- root element for the items -->
      <div class="items"> </div>
    </div>
    <!-- "next page" action -->
    <a class="next browse right tamil" name="tamil"></a> </div>
  <div class="tab-top-curve"><img src="images/tab-bottom-curve.jpg" width="700" height="31" /></div>
</div>

我也在 stackoverflow 中访问过相同的问题，但我做不到。

任何帮助将不胜感激。

Answer 1

您的 PHP 脚本返回什么？

在这里根本不使用 AJAX 可能是个好主意。让您的 PHP 脚本输出二进制图像数据(例如使用 PHP 函数“imagepng”)并且不要忘记使用 PHP 的 header 函数将正确的内容类型(例如“image/png”)添加到响应 header 。

然后不使用 AJAX，而是使用 Image 对象:

var img = new Image();

img.onload = function() 
{ 
   // ... your code when image was loaded.
};

img.src = 'img_load.php?num_count=' + load_count + '&cat=' + category;

如果您想支持旧版浏览器，您还可以使用 document.createElement('img'); 创建图像元素