Question

php html关于局部刷新验证码图片的问题

例如下面是一个验证码输入：
<form action="deal.php" method="post">
<ul>
<li>验证码：<input type="text" size="15" name="sub"><span style='padding:5px 0 0 5px;font-size:12px;'><img src="code.php" id="code" ></span></li>
<li style="padding-left:150px;"><input type="submit" value="确定"></li>
</ul>
</form>
当输入错误的验证码后，deal.php经过判断，返回这个输入框，而验证码图片还是之前的那个。如何在返回该输入框时，刷新验证码图片？
不手动刷新整个页面，验证码图片就一直不会变。
还有，防止验证码图片刷新后服务器断还存有上一张图片的缓存，该怎么做？

Answer 1

这里把form提交表单改成ajax提交
将用户输入信息传递给deal.php 看你用post还是get还是getJSON的方式传递给deal。php
假设是用的post方式 那么trim($_POST['sub'])获取用户提交的验证码，和$_SESSION['str']//code.php中的验证码
对比，一致的话程序继续执行，需要跳转的话可以使用header（）或者《script》window。href=
如果不一致 echo “不一致”；
在之前的html页面中的ajax中就能获取到这个字符串“不一致” 如果不一致，重新调用code。php顶替原来的img标签就可以啦

追问

该如何调用？
deal.php如下：
session_start();
$code=str_split($_POST[sub]);
if(empty($code)){
echo "alert('验证码不能为空！');window.history.go(-1)";
exit();
}elseif($code != $in){
echo "alert('验证码错误，请重试！');window.history.go(-1) ";
exit();
}

Answer 2

调用以下JS函数即可不刷新页面刷新验证码，并强制重新加载而不是从缓存读取
<script language="javascript">
function changeCode(){
//IE7+/Firefox默认从缓存加载，路径之后加随机参数强制重新下载
var d =new Date();
var oImg =document.getElementById('code');
oImg.src ="code.php?t="+d.toString(38);
}
</script>

追问

应该在什么位置调用该函数？
deal.php
session_start();
$code=str_split($_POST[sub]);
if(empty($code)){
echo "alert('验证码不能为空！');window.history.go(-1)";
exit();
}elseif($code != $in){
echo "alert('验证码错误，请重试！');window.history.go(-1) ";
exit();
}

追答

如果你是这样提交判断的，直接这样写应当就会刷新
if(empty($code)){
echo "alert('验证码错误!');location.href='form.php';";
exit();

}else{
if($code!=$in){

echo "alert('验证码错误!');location.href='form.php';";
exit();

}

}

追问

你的意思是刷新整个页面了啊？

我的意思是alert()之后刷新验证码 并把session也重新加载

追答

因为你是提交到新的页面，然后判断之后再alert的，所以没有办法再来刷新之前页面的验证码，你这里是用的history.go(-1)返回到之前的表单页面，所以实际是显示的缓存内容，而返回的时候改为正常的访问路径，则会重新加载表单页面，这个时候验证码自然就会刷新。