使用 jQuery 的 ajax 调用刷新验证码

Question

我编写了自己的 php 验证码脚本，带有 jpeg 标头，这样我就可以

<img src="captcha.php">

通过将验证码的值存储到会话变量中来说明哪个有效。当用户无法阅读时，我希望它可以刷新。

我首先尝试过

$("#refresh").click(function() {
    $("#captcha").attr("src","captcha.php");
});

，但这当然没有意义，我需要进行 ajax 调用。 你们会如何建议我这样做？

PS我也尝试过

$.ajax({
    url: "captcha.php",
    success: function(result) {
        $("#captcha").attr("src",result);
    }
});

Answer 1

第一种方法实际上对我来说很有意义：

$("#refresh").click(function() {
    $("#captcha").attr("src","captcha.php?r=" + Math.random());
});

我假设 captcha.php 所做的唯一事情是将验证码值存储在会话变量中，并在每次访问时输出验证码图像。

因此，当您再次设置图像的 src 并向其添加查询字符串变量时，请求将再次发送到服务器脚本“captcha.php”，该脚本将重新生成验证码并将新值存储在会话变量。

Answer 2

URL: 中显式指定状态：

$.ajax({
    url: "captcha.php?generateNew",
    success: function(result) {
        $("#captcha").attr("src","captcha.php?foo="+Math.random());
    }
});

将实际的 CAPTHCHA 字符串存储在 _SESSION 变量中是有意义的，但您应该在php 文件内的

if(isset($_GET['generateNew']){
    $_SESSION['captchaString'] = generateCaptchaString();
}else{
    dumpCaptchaImage();
}