Tôi muốn bảo vệ nút jquery của mình khỏi các chương trình mà không gây phiền nhiễu cho người dùng, vì vậy tôi đã nghĩ đến việc thêm biểu tượng ẩn hình vô hình của google vào đó. Tuy nhiên thực hiện không phải là dễ dàng như tôi mặc dù và tôi dường như không thể làm điều đó. Nếu bất cứ ai có thể chỉ cho tôi cách nó được thực hiện nó sẽ là tuyệt vời. PS: Tôi đang làm điều này trên một chủ đề wordpress.Làm thế nào để bảo vệ nút jquery với InCaptcha vô hình?
Đây là tài liệu:
https://developers.google.com/recaptcha/docs/invisible
Tạo reCAPTCHA vô hình:
https://www.google.com/recaptcha/admin#beta
Và đây là những gì tôi có:
HTML:
<button class="acf-get-content-button">Show Link</button>
<div class="fa" id="acf-content-wrapper" data-id="<?php echo $post_id; ?>"></div>
JS:
<script>
(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);
</script>
ajax.php
<?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);
Bạn nên sử dụng nonce với ajax trong wordpress, điều đó chắc chắn sẽ trợ giúp với bot. –