如何将来自其他站点的JSON数据应用于表单自动完成

Question

我有一个使用codeigniter的输入表单，我想从其他网站的json数据中获取自动完成功能，但它似乎无效。

我在下面应用以下代码：

MY JS

<script type="text/javascript">
var options = {
    url: "http://duaa.ae/location-en.json", 
    listLocation: "label","desc",
    matchResponseProperty: "label"
};

$("#response-async").easyAutocomplete(options);
</script>

我的PHP / HTML

<script src="assets/js/autocomplete/jquery.easy-autocomplete.min.js"></script>
<link rel="stylesheet" href="assets/css/autocomplete/easy-autocomplete.min.js">

<div class="control-group">
    <label class="control-label"><?php echo lang('Address') ?></label>
    <div class="controls">
        <?php echo form_input('address', set_value('address', $estate['address']), 'class="form-control" id="response-async" placeholder="' . lang('Address') . '"') ?>
    </div>
</div>

我获取JSON文件的网站 here

注意我使用此guide