所以,
我在我的一个项目中遇到过这种行为,所以我决定尝试google recaptcha例程来试图找出问题所在。
代码如下:
<script type="text/javascript">
var onloadCallback = function() {
var widgetId1;
var widgetId2;
widgetId1 = grecaptcha.render('html_element', {
'sitekey' : 'My-Site-Key'
});
widgetId2 = grecaptcha.render('html_element2', {
'sitekey' : 'My-Site-Key'
});
};
</script>
<form action="javascript:alert(grecaptcha.getResponse(widgetId1));">
<div id="html_element"></div>
<br>
<input type="submit" value="getResponse">
</form>
<br>
<!-- Resets reCAPTCHA widgetId2 upon submit. -->
<form action="javascript:grecaptcha.reset(widgetId2);">
<div id="html_element2"></div>
<br>
<input type="submit" value="reset">
</form>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer>
</script>
即使使用谷歌文档中的此示例代码,该页面仍会多次调用相同的文件recaptcha__en.js。
是否有人遇到此事? 有没有人有解决方案?
由于
编辑:
以下是正在发生的事情的屏幕截图: console screenshot
编辑2:
这是一个带有示例代码和示例站点键的jsFiddle: jsFiddle