使用ajax实现查重功能的代码

以下是一个基于jQuery的示例代码：

HTML代码：

<input type="text" id="input-text">
<div id="result"></div>

JavaScript代码：

$(document).ready(function() {
    $('#input-text').on('input', function() {
        var text = $(this).val();
        if (text.length > 0) {
            $.ajax({
                url: '/check-duplicate',
                method: 'POST',
                data: {
                    text: text
                },
                success: function(data) {
                    if (data.is_duplicate) {
                        $('#result').html('该文本已存在');
                    } else {
                        $('#result').html('该文本可用');
                    }
                },
                error: function() {
                    $('#result').html('检查失败');
                }
            });
        } else {
            $('#result').html('');
        }
    });
});

在这个示例中，我们首先为文本框绑定了一个input事件，当用户输入时会触发。然后，我们使用jQuery的$.ajax()方法向服务器发送POST请求，并传递了文本框中的值。服务器返回的数据是一个JSON对象，包含一个is_duplicate字段，用于指示文本是否已经存在。最后，根据返回的数据，我们更新#result元素中的文本，提示用户该文本是否可用