Ajax无法与Internet Explorer一起正常使用

Question

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

一切正常，但是根据访问者的IP只能对产品进行一次评级，并且一旦访问者单击一个星（五个星中的一个），就应该禁用所有星，以便可以对具有相同IP的同一产品进行重复评级避免使用（我也在使用服务端验证），并且根据数据库中新值得出的平均评分应该用相同的星号表示（刚刚被禁用）。

它在Firefox上运行完全没有问题。 当访问者单击星星时，会将新值传递到数据库（使用Ajax），并根据新值计算并显示平均评分，但Internet Explorer无法使用Ajax从数据库中检索新值。

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

以下是Temp.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'/>";                                                                    
    }
?>

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

实际的问题是在数据库中更改rating_num的值时，Firefox显示更新的值，这是必不可少的，但即使页面刷新并一次又一次地重新加载，Internet Explorer（8）仍会显示旧值。

应该是什么原因？ 有什么解决办法吗？ 希望你能理解我的意思。

Answer 1

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请求都使用了这种技术，并且发现它非常有价值。

Ajax无法与Internet Explorer一起正常使用

问题描述

1 个解决方案

解决方案1
6 已采纳 2012-05-06 07:15:48

Ajax无法与Internet Explorer一起正常使用

问题描述

1 个解决方案

解决方案1 6 已采纳 2012-05-06 07:15:48

解决方案1
6 已采纳 2012-05-06 07:15:48