php – ajax图像加载器在firefox中工作但不在谷歌chrome中工作

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – ajax图像加载器在firefox中工作但不在谷歌chrome中工作脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
请帮助我在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中访问了同样的问题,但我无法做到.

任何帮助将不胜感激.

你的PHP脚本返回了什么?

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

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

VAR img = new Image();

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

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

如果要支持旧版浏览器,还可以使用document.createElement(‘img’)创建图像元素;

脚本宝典总结

以上是脚本宝典为你收集整理的php – ajax图像加载器在firefox中工作但不在谷歌chrome中工作全部内容,希望文章能够帮你解决php – ajax图像加载器在firefox中工作但不在谷歌chrome中工作所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。