2012-02-08 50 views
0

如何在点击同一页面上的另一个元素时仅使用Jquery或Javascript刷新HTML页面的元素?我需要知道这个实现表单验证码。如何使用jquery javascript重新加载部分表单?

<img src="includes/captcha.php" style="padding:10px 0;"/>&nbsp;&nbsp;&nbsp; 
<img src="images/refresh.gif" onclick="window.location.reload()" style="cursor:pointer; padding:10px 0;" /> 

我想通过点击refresh.gif重装王氏captcha.php产生的图像。当前的代码重新加载完整的页面。

回答

2

这不需要任何的jQuery。只需更改图像src属性以包含一些附加的随机数据。

function reloadImage() { 
    var now = new Date(); 
    document.getElementById('captcha').src = 'includes/captcha.php?r=' + now.getTime(); 
} 

改变你的图片标签来设置这样的ID。

<img src="includes/captcha.php" id="captcha" style="padding:10px 0;"/> 

然后在刷新图像中添加对函数的调用。

<img src="images/refresh.gif" onclick="reloadImage()" style="cursor:pointer; padding:10px 0;" /> 
+0

我应该如何获取并处理captcha.php中的其他数据?它不工作! – 2012-02-08 13:06:19

+0

不,重点仅仅是改变URL,以便浏览器重新加载图像。额外的'r'参数根本不应该做任何事情。哎呀,我傻了,忘了一个新的约会。现在编辑答案 – Dervall 2012-02-08 13:08:44

+0

我做了同样的..但仍然不工作.. – 2012-02-08 13:09:37

1

你需要使用什么是jQuery函数的load()

举例来说,如果你想用ID = A div的内容来替代使用id =“myDiv”一个div的内容“theirDiv”从远程页面的HTML,请执行此操作:

$('#myDiv').load('http:// theirurl #theirDiv');

http://api.jquery.com/load

+0

谢谢您的回答! – 2012-02-08 13:25:00