PHP & Jquery 用外部文件刷新 id答案

【问题标题】：PHP & Jquery Refresh id with external filePHP & Jquery 用外部文件刷新 id
【发布时间】：2015-11-15 06:50:12
【问题描述】：

我正在尝试通过单击按钮来刷新我的页面的一个 ID。我尝试了几种方法，但都没有奏效。虽然我创建了刷新按钮，但它保留了页面的提交（触发验证事件）。因此，每次我单击该按钮时，他都会尝试提交表单，验证输入而不是刷新该 div。

这是我现在的代码：

function refreshCaptcha() {
	$("#captcha_code").attr('src','./inc/captcha.php');
}

<div class="form-group">
<div class="col-xs-4">
    <button class="btn btn-sm btn-warning" id="refreshcap" name="refreshcap" onclick="refreshCaptcha();">
        <i class="fa fa-refresh push-5-r"></i>
        <img id="captcha_code" src="inc/captcha.php" />
    </button>	
</div>
<div class="col-xs-8">
	<div class="form-material floating">
		<input class="form-control" type="text" id="cap" name="cap">
		<label for="cap">Captcha</label>
	</div>
</div>
</div>

有人可以帮我找出问题所在吗？谢谢。

【问题讨论】：

标签： javascript php jquery html refresh

【解决方案1】：

假设您的按钮在表单内，

在您的按钮中添加type

这将阻止按钮提交您的表单

<button type="button" class="btn btn-sm btn-warning" id="refreshcap" name="refreshcap" onclick="refreshCaptcha();">
            <i class="fa fa-refresh push-5-r"></i>
            <img id="captcha_code" src="inc/captcha.php" />
    </button>

除此之外，您可以在函数末尾使用javascript return false;

用js

<script>
    $(document).ready(function() {
        $("#refreshcap").on("click",function(event){
             event.preventDefault();
             $("#captcha_code").attr('src','./inc/captcha.php');
        });
    });
</script>

有了这个你就不需要在点击事件上调用它了，不管类型是button还是submit

【讨论】：

我已将类型放在按钮上，现在它不会尝试提交页面，但它也不会刷新该 ID。如果我手动刷新它正在工作的页面，但不是使用 JS 代码。函数中的 return false 也会发生同样的情况。
尝试在您的函数中添加警报。它会告诉你你的函数是否被调用。
看到我在答案中添加了一个小的 js 代码，检查它会有所帮助并解决您的问题
我找到了问题所在。只是忘记在 PHP 代码中启动会话，所以它被调用但没有工作，因为没有启动新会话。谢谢！

【解决方案2】：

我认为你的 JS 函数应该返回 false；为了不提交表单。

<script>
function refreshCaptcha() {
    $("#captcha_code").attr('src','./inc/captcha.php');
    return false;
}
</script>

【讨论】：