Question

我在这里非常新，并且对编程很新，但是从我工作过的旧回声代码示例中的示例代码开始，我一直在尝试使用Spotify API来实现相同的功能。

我已经将其全部修改为我认为应该使它工作但但它不是：（

有人能够帮助看看我在这里做错了吗？

代码如下：

现在有一个简单的表格用于测试：

<input id="#q" />

然后是一些javascript：

(document).ready(function() {

    $("#q").autocomplete({
        source: function(request, response) {
            $.ajax({
                type: "GET",
                url: "https://api.spotify.com/v1/search",
                dataType: "jsonp",
                data: {
                    type: "artist",
                    limit: 3,
                    format: "json",
                    q: q
                },
                success: function(data) {
                    response($.map(data.artists, function(item) {
                        return {
                            label: item.name,
                            value: item.name,
                            id: item.id
                        }
                    }));
                }
            });
        },
        minLength: 3,
        select: function(event, ui) {
            $('#q').val(ui.item.value);
            window.location.href = "#" + ui.item.value;
        },
    });
});

原始json导致搜索＆＃34; Cher＆＃34;例如： json results

我在这里尽可能多地搜索，但却看不到其他人有同样的问题。

谢谢

Answer 1

尝试更改以下内容：
<input id="#q" />至<input id="q" />

q: q至q: request.term（请参阅https://jqueryui.com/autocomplete/#remote）

并且，正如Dave所说：在$之前添加(document).ready

Spotify api搜索，而不是获取自动填充搜索框的结果

1 个答案: