Jquery 的 Ajax 自动完成：如何发送动态参数

使用jQuery Ajax实现动态参数的自动完成

html

html

javascript
$(document).ready(function() {
    // 监听输入框内容变化
    $('#autocompleteInput').on('input', function() {
        // 获取用户输入的关键词
        var keyword = $(this).val();
        // 发送Ajax请求
        $.ajax({
            url: 'your_api_endpoint', // 替换为你的API接口地址
            method: 'GET',
            data: { keyword: keyword }, // 将关键词作为参数发送
            success: function(data) {
                // 处理从服务器返回的数据
                displayResults(data);
            },
            error: function(error) {
                console.log('Ajax请求失败:', error);
            }
        });
    });
    // 展示匹配结果
    function displayResults(results) {
        var resultsList = $('#autocompleteResults');
        resultsList.empty(); // 清空之前的结果
        // 遍历结果并添加到结果列表
        results.forEach(function(result) {
            resultsList.append('
' + result + '
');
        });
    }
});