blocks|key|4375114|text|如果你认为从头开始编写代码对你来说很复杂，你可以使用Invisible+reCaptcha+for+WordPress插件很容易做到这一点。您还可以深入研究该插件的源代码，以了解其实现方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4375115|这个插件有自定义使用的动作和过滤器，这些都记录在插件主页上。|4375116|entityMap|0|LINK|mutability|MUTABLE|url|https://wordpress.org/plugins/invisible-recaptcha/^0|Q|X|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

You can use <a href="https://wordpress.org/plugins/invisible-recaptcha/" rel="noreferrer">Invisible reCaptcha for WordPress</a> plugin to do it easily if you think coding from scratch is complicated for you. You can also dig into the source code of the plugin to get an idea about the implementation.

This plugin has actions and filters for custom use and these are documented on plugin homepage.

blocks|key|4374695|text|我继续用reCaptcha做实验。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4374696|根据API，您可以使用grecaptcha.getResponse方法提交给AJAX调用。(但请注意，此reCaptcha应用程序接口仍处于测试阶段，可能会发生变化...)下面是一个简短的示例：|offset|length|style|CODE|4374697|HTML：|4374698|<div+id="test-captcha"+class="g-recaptcha"+data-sitekey=[Your+site+key]></div>
<button+id="load"+onclick="go();">Load+something</button>|code-block|syntax|javascript|4374699|Javascript：|4374700|function+go()
{
++++$.ajax({
++++++++url:+"/captchatest.php",
++++++++type:+"POST",
++++++++data:+{
++++++++++++'g-recaptcha-response':+grecaptcha.getResponse()
++++++++}
++++}).done(function(data)+{
++++++++alert(data);
++++});
}|4374701|captchatest.php|4374702|<?php
//Used+http://stackoverflow.com/a/6609181/7344257
function+do_post_request($url,+$data)
{
++++//+use+key+'http'+even+if+you+send+the+request+to+https://...
++++$options+=+array(
++++++++++++'http'+=>+array(
++++++++++++++++++++'header'++++=>+"Content-type:+application/x-www-form-urlencoded\r\n",
++++++++++++++++++++'method'++++=>+'POST',
++++++++++++++++++++'content'+=>+http_build_query($data)
++++++++++++)
++++);
++++$context++++=+stream_context_create($options);
++++$result+=+file_get_contents($url,+false,+$context);
++++if+($result+===+FALSE)+{+/*+Handle+error+*/+}
++++return+$result;
}

$error+=+"";
if+($_SERVER["REQUEST_METHOD"]+===+"POST")
{
++++if+(!isset($_POST['g-recaptcha-response']))
++++{
++++++++echo+"Please+do+reCaptcha";
++++++++exit(0);
++++}

++++$data+=+array("secret"+=>+"6LeUGhYUAAAAABNS5OtOc9vonTlyrtgcQ5VdI7cV",+
++++++++++++++++"response"+=>+$_POST['g-recaptcha-response'],+
++++++++++++++++"remoteip"+=>+$_SERVER["REMOTE_ADDR"]+//This+is+optional.
++++);
++++$resp+=+json_decode(do_post_request("https://www.google.com/recaptcha/api/siteverify",+$data));
++++if+(!$resp->success)
++++{
++++++++//use+$resp->error-codes+to+debug+error.
++++++++echo+"Invalid+reCaptcha";
++++++++exit(0);
++++}
++++echo+"Received+secret+code.";
++++exit(0);
}
?>|4374703|我不确定你是否可以使用cURL。因此，我决定只使用基本的PHP代码。您还必须格式化错误，但我认为您应该明白这一点。|4374704|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/recaptcha/docs/invisible^0|0|B|M|2|3|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@$D|18|E|19|F|G]]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|H|3|I|5|6|7|1D|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1E|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1F|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1G|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1H|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|1I|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

I went ahead to experiment with reCaptcha.

Turns out according to the <a href="https://developers.google.com/recaptcha/docs/invisible" rel="nofollow noreferrer">API</a>, you could use the <code>grecaptcha.getResponse</code> method to submit to your AJAX call. (But Note that this reCaptcha API is still in beta and could change...) Here is a short example:

HTML:

<pre><code>&lt;div id="test-captcha" class="g-recaptcha" data-sitekey=[Your site key]&gt;&lt;/div&gt;
&lt;button id="load" onclick="go();"&gt;Load something&lt;/button&gt;
</code></pre>

Javascript:

<pre><code>function go()
{
 $.ajax({
 url: "/captchatest.php",
 type: "POST",
 data: {
 'g-recaptcha-response': grecaptcha.getResponse()
 }
 }).done(function(data) {
 alert(data);
 });
}
</code></pre>

captchatest.php

<pre><code>&lt;?php
//Used http://stackoverflow.com/a/6609181/7344257
function do_post_request($url, $data)
{
 // use key 'http' even if you send the request to https://...
 $options = array(
 'http' =&gt; array(
 'header' =&gt; "Content-type: application/x-www-form-urlencoded\r\n",
 'method' =&gt; 'POST',
 'content' =&gt; http_build_query($data)
 )
 );
 $context = stream_context_create($options);
 $result = file_get_contents($url, false, $context);
 if ($result === FALSE) { /* Handle error */ }
 return $result;
}

$error = "";
if ($_SERVER["REQUEST_METHOD"] === "POST")
{
 if (!isset($_POST['g-recaptcha-response']))
 {
 echo "Please do reCaptcha";
 exit(0);
 }

 $data = array("secret" =&gt; "6LeUGhYUAAAAABNS5OtOc9vonTlyrtgcQ5VdI7cV", 
 "response" =&gt; $_POST['g-recaptcha-response'], 
 "remoteip" =&gt; $_SERVER["REMOTE_ADDR"] //This is optional.
 );
 $resp = json_decode(do_post_request("https://www.google.com/recaptcha/api/siteverify", $data));
 if (!$resp-&gt;success)
 {
 //use $resp-&gt;error-codes to debug error.
 echo "Invalid reCaptcha";
 exit(0);
 }
 echo "Received secret code.";
 exit(0);
}
?&gt;
</code></pre>

I wasn't sure if you could use cURL. So I decided to just stick with the basic PHP code. You would also have to format the errors, but I think you should get the point.

I want to protect my jquery button from bots without annoying the users, so i thought of adding google's invisible recaptcha to it. However implementation isn't as easy as i though and i can't seem to do it. If anyone can show me how it's done it would be great. PS: I am doing this on a wordpress theme.

This is the documentation: 

<a href="https://developers.google.com/recaptcha/docs/invisible" rel="noreferrer">https://developers.google.com/recaptcha/docs/invisible</a>

Create invisible recaptcha:

<a href="https://www.google.com/recaptcha/admin#beta" rel="noreferrer">https://www.google.com/recaptcha/admin#beta</a>

And this is what i have:

HTML:

<pre><code>&lt;button class="acf-get-content-button"&gt;Show Link&lt;/button&gt;
&lt;div class="fa" id="acf-content-wrapper" data-id="&lt;?php echo $post_id; ?&gt;"&gt;&lt;/div&gt;
</code></pre>

JS:

<pre><code>&lt;script&gt;
(function($) {
 $('.acf-get-content-button').click(function(e) {
 e.preventDefault();
 $('.fa').addClass('fa-cog fa-spin fa-4x');
 var $contentWrapper = $('#acf-content-wrapper');
 var postId = $contentWrapper.data('id');

 $.ajax({
 url: "/public/ajax.php",
 type: "POST",
 data: {
 'post_id': postId
 },
 })
 .done(function(data) {
 $('.fa').removeClass('fa-cog fa-spin fa-4x');
 $contentWrapper.append(data);
 $('.acf-get-content-button').removeClass().addClass('.acf-get-content-button')
 });
 });
 $('.acf-get-content-button').mouseup(function() {
 if (event.which == 1) {
 $(".acf-get-content-button").hide();
 }
 });
})(jQuery);
&lt;/script&gt;
</code></pre>

ajax.php

<pre><code>&lt;?php
define('WP_USE_THEMES', false);
require_once( $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php' );
global $post;
$post_id = $_REQUEST["post_id"];
$content = get_field( 'ebook_link_pdf', $post_id );
echo ($content);
</code></pre>

How to protect jquery button with Invisible reCaptcha?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想在不惹恼用户的情况下保护我的jquery按钮不被机器人攻击，所以我想在其中添加google的不可见的recaptcha。然而，实现并不像我想的那么简单，而且我似乎也做不到。如果有人能向我展示它是如何做到的，那就太好了。附言:我正在做一个wordpress主题。以下是文档：创建不可见的recaptcha：这就是我所拥...

问如何用隐形reCaptcha保护jquery按钮？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用隐形reCaptcha保护jquery按钮？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用隐形reCaptcha保护jquery按钮？
EN