在WordPress插件中使用AJAX实现无刷新数据提交通常涉及以下几个步骤：

1. 设置前端HTML和JavaScript：创建表单和按钮，以及处理AJAX请求的JavaScript代码。
2. 编写AJAX处理函数：在WordPress中，这通常是通过wp_ajax_和wp_ajax_nopriv_动作钩子来实现的。
3. 确保安全性：使用nonce字段来验证AJAX请求。

以下是一个简单的示例，说明如何在WordPress插件中使用AJAX来提交表单数据而不刷新页面：

步骤 1: 设置前端HTML和JavaScript

在你的插件或者主题的functions.php文件中，或者在一个独立的插件文件中，添加以下代码：

// 在插件或主题的functions.php文件中

function my_ajax_enqueue_scripts() {
    // 注册并附加自定义的JavaScript文件
    wp_enqueue_script('my-ajax-script', plugins_url('/js/my-ajax.js', __FILE__), array('jquery'), null, true);

    // 创建一个nonce字段用于AJAX请求的验证
    wp_localize_script('my-ajax-script', 'my_ajax_obj', array(
        'ajax_url' => admin_url('admin-ajax.php'), // WordPress AJAX处理URL
        'nonce' => wp_create_nonce('my-ajax-nonce') // 创建nonce字段
    ));
}
add_action('wp_enqueue_scripts', 'my_ajax_enqueue_scripts');

然后创建一个my-ajax.js文件，并在其中添加以下JavaScript代码：

// js/my-ajax.js

jQuery(document).ready(function($) {
    // 当表单提交时触发AJAX请求
    $('#my-form').submit(function(event) {
        event.preventDefault(); // 阻止表单默认提交行为

        var formData = $(this).serialize(); // 序列化表单数据

        $.ajax({
            type: 'POST',
            url: my_ajax_obj.ajax_url, // 使用WordPress提供的AJAX URL
            data: {
                action: 'my_ajax_request', // 动作钩子的名称
                nonce: my_ajax_obj.nonce, // nonce字段
                form_data: formData // 表单数据
            },
            success: function(response) {
                // 处理成功响应
                console.log(response);
            },
            error: function(xhr, status, error) {
                // 处理错误
                console.error(error);
            }
        });
    });
});

步骤 2: 编写AJAX处理函数

在functions.php文件中添加以下代码来处理AJAX请求：

// 处理AJAX请求
function my_ajax_request() {
    // 检查nonce字段
    check_ajax_referer('my-ajax-nonce', 'nonce');

    // 处理表单数据
    $form_data = $_POST['form_data']; // 获取表单数据

    // 这里可以添加更多的业务逻辑，比如保存数据到数据库

    // 返回响应
    wp_send_json_success('Data submitted successfully');
}
add_action('wp_ajax_my_ajax_request', 'my_ajax_request'); // 对于登录用户
add_action('wp_ajax_nopriv_my_ajax_request', 'my_ajax_request'); // 对于未登录用户

步骤 3: 创建HTML表单

在你的页面模板中，添加以下HTML代码：

<form id="my-form">
    <!-- 表单字段 -->
    <input type="text" name="name" placeholder="Your Name">
    <input type="email" name="email" placeholder="Your Email">
    <input type="submit" value="Submit">
</form>

确保你的表单有一个ID为my-form，这样JavaScript代码可以正确地绑定到它。

以上步骤将创建一个无刷新的表单提交，当用户提交表单时，数据将被发送到服务器，服务器处理数据，然后返回响应，而页面不会进行刷新。