Ajax请求失败

Question

var x;

function addtoDom() {
    console.log("Adding to DOm");
    $("#capt").html('<div id="mduit"><img src="captcha1.jpg"></div>');
}

function request() {
    $.ajax({
        url: "mudit.php",
        type: "GET",
        success: function (data) {
            console.log(data);
            x = data;
            addtoDom();
        }
    });
}

request();

Mudit.php转到这里

<?
// header("Content-type:image/jpeg");

session_start();
$img = imagecreate(150,60);
imagecolorallocate($img,200,255,200);
$abc = rand();

while ($abc < 10000) {
    $abc = rand();  
}

$_SESSION['Captcha_num'] = $abc;
imagettftext($img,35,0,0,40, 89,"abcd.ttf", $abc);
imagejpeg($img,"captcha1.jpg",65);
echo $abc;
?>

这里的代码在chrome中工作正常，但在Firefox中不工作。 即在点击刷新按钮时刷新图像..验证码会在chrome中刷新，但不会在Firefox中刷新。

Answer 1

这可能是缓存问题。 尝试这个：

function addtoDom() {
    $("#capt").html('<div id="mduit"><img src="captcha1.jpg?' + +new Date() +  '"></div>');
}

由于每次单击都使用新的GET参数，因此将强制刷新captcha1.jpg。

也不要这样做：

echo $abc;

这是没有意义的，因为它是秘密的，并且您不想为客户提供此值。