Ajax 无法在 Internet Explorer 中正常工作

Ajax doesn't work properly with Internet Explorer

本文关键字：常工作 工作 Internet Explorer Ajax      更新时间：2023-09-26

我目前正在与一个电子商务购物网站合作，该网站需要对不同的产品进行评级。我使用的是星级脚本。

一切正常，但产品只能根据访问者的IP评级

一次，一旦访问者点击一颗星(在五颗星中(，则应禁用所有星星，以便可以防止对具有相同IP的同一产品的重复评级(我也在使用服务端验证(和根据数据库中的新值的平均评级应由相同的星星(具有刚刚被禁用(。

它在火狐上工作完全没有问题。当访问者单击星号时，会将新值传递到数据库(使用 Ajax(，并根据新值计算并显示平均评级，但 Internet Explorer 无法使用 Ajax 从数据库中检索新值。

我只是用非常简单的代码演示问题，如下所示。

以下是临时.php文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" language="javascript">
    var xmlhttp;        
    function ajax()
    {
        if(window.XMLHttpRequest)
        {
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            xmlhttp = new ActivexObject("Microsoft.XMLHTTP");
        }
    }
    function loadStars(prod_id)
    {
        ajax();
        xmlhttp.onreadystatechange=function()
        {           
            if(xmlhttp.readyState==4 && xmlhttp.status==200)
            {                               
                document.getElementById("ajax_response").innerHTML=xmlhttp.responseText;
                var rating= document.getElementById("rating_value").value;              
                alert(rating);   //Rating value of hidden field from the ajax response is alered.               
            }
        }
        var queryString="Temp1.php?prod_id="+prod_id;
        xmlhttp.open("GET", queryString, true);
        xmlhttp.send();             
    }
</script>
</head>
<body onload="loadStars(11);">
    <span id="ajax_response"></span>
</body>
</html>

以下是 Temp1.php

<?php
    include_once("../Connection.php");  
    $con=new Connection();
    $con->get_connection(); 
    if(isset($_GET['prod_id']))
    {           
        $result=mysql_query("select rating_num from rating where prod_id=".$_GET['prod_id']."");
        $rating=mysql_result($result, 'rating_num');        
        echo "<input type='hidden' id='rating_value' name='rating_value' value='$rating'/>";                                                                    
    }
?>

这两个文件中的代码都无关。js 函数 loadStars(prod_id) 是在 onload 事件(查看 body 标记(上调用的，该事件实际上调用了对Temp1.php的 Ajax 请求，该从数据库中检索rating_num并简单地存储到名为 rating_value 的隐藏字段中，该字段最终使用 alert(rating); 在Temp.php文件上发出警报

实际的问题是，当数据库中rating_num的值发生变化时，Firefox 显示了更新的值，这是必不可少的，但即使页面刷新并一次又一次地重新加载，Internet Explorer (8( 仍然显示旧值。

应该是什么原因？这个问题有什么解决方案吗？希望你能理解我的意思。

Internet Explorer有时会用缓存做一些有趣的事情。它往往比其他浏览器采用更强烈的缓存方法。当我们通常访问同一资源两次、三次或更多次时，缓存是一件好事。在静态内容的情况下，我们实际上希望浏览器足够智能，不会请求它已经检索到的数据，因为这可以节省时间和带宽。

但是，AJAX 请求的不同之处在于它们通常是动态的。当然，在某个时刻提出的相同请求在另一个时刻可能会产生完全不同的结果。因此，我们通常不希望缓存 AJAX 请求。

但是，当涉及到 AJAX 请求时，IE 的密集缓存成为一个问题。浏览器对待 AJAX 请求就像处理对静态、不变图像的请求一样，并且它会从缓存中提取该请求的先前结果，就好像没有任何更改一样。

这当然不是您希望Internet Explorer做的事情。因此，可用于强制 IE 提取新数据的最快和最简单的技术是每次对 URL 进行轻微修改。

幸运的是，时间是不断前进的东西，就其本质而言，它保证是独一无二的。以下是避免此问题的方法：

var queryString="Temp1.php?prod_id="+prod_id + "&t=" + new Date().getTime();

通过将纪元时间附加到查询字符串的末尾，我们确保 URL 始终是唯一的，确保浏览器始终从服务器获取新内容。

我在所有 AJAX 请求中都使用了这种技术，并发现它非常有价值。

相关文章：