Javascript 如何使用jquery marcopolo实现自动完成

我正在尝试实现marcopolo，这是一个用于自动完成的jquery插件

以下是我的两个问题

1） 如果我键入一个字母或任何单词，“方向”的所有值都将出现，这是不正确的。我想，例如，如果我搜索“Up”，任何带有这两个字母的单词都会出现

2） 如果用户搜索“Up”并点击enter或submit按钮，则应将其带到与该单词关联的URL

Github参考：
马可波罗的例子：

这是我的密码笔：

HTML

JS

---

谢谢你的帮助

问题在于，您正在发送带有

元素内容的“q”变量，但配置为JSON响应的页面没有使用该“q”变量过滤任何内容，因此，您将始终得到相同的结果

[{"Direction":"Up","URL":"http://www.google.com"},{"Direction":"Left","URL":"http://www.cnn.com"},{"Direction":"Right","URL":"http://www.engadget.com"},{"Direction":"Down","URL":"http://www.twitter.com"},{"Direction":"Upward","URL":"http://www.facebook.com"},{"Direction":"Leftwing","URL":"http://www.snapfish.com"},{"Direction":"Rightwing","URL":"http://www.gizmodo.com"},{"Direction":"Downward","URL":"http://www.fox.com"}]

---

问题是，您正在发送带有

元素内容的“q”变量，但配置为JSON响应的页面没有使用该“q”变量过滤任何内容，因此，您将始终得到相同的结果

[{"Direction":"Up","URL":"http://www.google.com"},{"Direction":"Left","URL":"http://www.cnn.com"},{"Direction":"Right","URL":"http://www.engadget.com"},{"Direction":"Down","URL":"http://www.twitter.com"},{"Direction":"Upward","URL":"http://www.facebook.com"},{"Direction":"Leftwing","URL":"http://www.snapfish.com"},{"Direction":"Rightwing","URL":"http://www.gizmodo.com"},{"Direction":"Downward","URL":"http://www.fox.com"}]

---

抱歉，这是JSON的新功能。我正在看上面的代码。就像代码的第35行一样，我是否需要在JS中添加“param:‘query’”？或者JSON文件中是否有需要更新的内容？谢谢Marcopolo将您在文本框中键入的内容发送到服务器，假设服务器会过滤您的输出，但它从未被过滤，然后服务器总是返回相同的内容。抱歉，这是JSON的新内容。我正在看上面的代码。就像代码的第35行一样，我是否需要在JS中添加“param:‘query’”？或者JSON文件中是否有需要更新的内容？谢谢Marcopolo将您在文本框中键入的内容发送到服务器，假设服务器会过滤您的输出，但它从未被过滤，然后服务器总是返回相同的内容。

$(function(){

$('#autoCom').marcoPolo({
        url: 'https://api.myjson.com/bins/ygdk',
        minChars: 1,
        submitOnEnter: true,
            formatData: function (data) {
                return data; //possible issue
            },
        formatItem: function (data, $item) {
            return data.Direction;
            },
            onSelect: function (data, $item) {
        //window.location = data.URL;
        this.val(data.Direction);
        window.open(data.URL,'_blank');
            }
    });

});

[{"Direction":"Up","URL":"http://www.google.com"},{"Direction":"Left","URL":"http://www.cnn.com"},{"Direction":"Right","URL":"http://www.engadget.com"},{"Direction":"Down","URL":"http://www.twitter.com"},{"Direction":"Upward","URL":"http://www.facebook.com"},{"Direction":"Leftwing","URL":"http://www.snapfish.com"},{"Direction":"Rightwing","URL":"http://www.gizmodo.com"},{"Direction":"Downward","URL":"http://www.fox.com"}]