gpt4 book ai didi

php - Ajax 不能与 Internet Explorer 一起正常工作

转载 作者:行者123 更新时间:2023-11-29 16:21:28 25 4
gpt4 key购买 nike

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

一切正常,但产品应该根据访问者的 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'/>";
}
?>

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

真正的问题是当 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 请求中都使用了这种技术,并且发现它非常有值(value)。

关于php - Ajax 不能与 Internet Explorer 一起正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10468765/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com