获取API请求参数

Question

（代码图片）——我目前正在创建一个字典应用程序，用户将在其中输入一个单词，并且该单词将被定义。到目前为止，我要获取的单词已通过变量硬编码到 API 中。如何获取用户输入并将其用作请求参数？

我已经尝试将输入元素 id 的 .value 保存到变量以存储在请求参数中，但显示错误。我希望在单击 Enter 时在请求参数中使用用户输入

Answer 1

您可以将 javascript ajax 与 jquery 结合使用 并在用户密钥打开时发送请求，这是代码示例

$(document).ready(function() {
$('#searchInput').on('keyup', function() {
    var query = $(this).val();

    if (query.length > 0) {
        $.ajax({
            url: 'https://api.example.com/search',
            type: 'GET',
            data: { q: query },
            success: function(data) {
                // Process the response data
                $('#results').empty();
                $.each(data.results, function(index, item) {
                    $('#results').append('<div>' + item.name + '</div>');
                });
            },
            error: function(xhr, status, error) {
                console.error('AJAX Error: ' + status + error);
            }
        });
    } else {
        $('#results').empty(); // Clear results if input is empty
    }
});

});