自动完成输入建议

Question

我正在尝试使用自动填充位置列表设置输入。我想使用这里自动建议工具。

https://developer.here.com/documentation/geocoding-search-api/dev_guide/topics/endpoint-autosuggest-brief.html

为此，我执行了此代码：

<div class="autocomplete input-group has-warning">
        <input id="search-where" name="w" type="text" class="form-control input-lg" placeholder="A quel endroit?" required="required" value="" autocomplete="on" onkeyup="mySearch(this.value)" />
        <span class="input-group-btn">
            <button type="submit" class="btn btn-lg btn-warning"><span class="glyphicon glyphicon-screenshot"></span></button>
        </span>
    </div>

    {literal}
        <script type="text/javascript">

            function mySearch(e){
            $.ajax({
                url: "https://places.ls.hereapi.com/places/v1/suggest",
                type: 'GET',
                data: {
                    at: '44.771079,5.742806',
                    q: 'savoie',
                    app_id: '2FXOZOY',
                    app_code: 'b_9sMKgQmSjWUj1rlyY0wI'
                  },
                headers : { "Authorization": "Bearer" + $('b_9sMKgQ5qzJF0SusExJJx9irrHHimSjWUj1rlyY0wI').val()},
                  beforeSend: function(xhr){
                    xhr.setRequestHeader('Accept', 'application/json');
                  },
                  success: function (data) {
                    alert(JSON.stringify(data));
                  }
            });
            $( "#search-where" ).autocomplete({
                source: mySearch 
            });
        }               
        </script>
    {/literal}

但是当我尝试在输入中写入时，出现此错误：

我显然完全迷路了……如果有人可以帮助我，将不胜感激。仍然感谢您阅读我

Answer 1

我认为您正在对与所在页面不同的URL执行XMLHttpRequest。在这种情况下，由于安全原因，浏览器会完全阻止它给出CORS错误。有很多方法可以设置此设置。 tutorial在此处可用。