Javascript 自动完成Jquery，并显示结果

如何创建搜索，从json文件自动完成，然后在提交值后在新页面中显示结果，并选择值数据

以下是html文件：

<form action="/dosomething">
<input/>
<button type="submit"></button>
</form>

我如何解析自动完成的数据并在完成后显示结果？

---

请帮忙，谢谢

表单将提交给您指定的任何操作。因此，只需在要填充的字段上调用autocomplete，定义数据，就可以开始比赛了

<form action="/dosomething">
    <input id="fillme" />
    <button type="submit"></button>
</form>



var sourceJSON =  [
        {
           "title": "Stackoverflowsite1",
           "link": "www.stackoverflow.com"
        },
        {
           "title": "Stackoverflowsite2",
           "link": "www.stackoverflow2.com"
        },
        {
           "title": "Stackoverflowsite3",
           "link": "www.stackoverflow3.com"
        }
   ]

$( "#fillme" ).autocomplete({
      minLength: 0,
      source: sourceJSON,
      focus: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );
        return false;
      },
      select: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );

        return false;
      }
    }).autocomplete( "instance" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .append( "<a>" + item.title+ "</a>" )
    .appendTo( ul );
};

var sourceJSON=[
{
“标题”：“Stackoverflowsite1”，
“链接”：“www.stackoverflow.com”
},
{
“标题”：“Stackoverflowsite2”，
“链接”：“www.stackoverflow2.com”
},
{
“标题”：“Stackoverflowsite3”，
“链接”：“www.stackoverflow3.com”
}
]
$（“#fillme”）.autocomplete({
最小长度：0，
来源：sourceJSON，
焦点：功能（事件、用户界面）{
$（“#fillme”）.val（ui.item.title）；
返回false；
},
选择：功能（事件、用户界面）{
$（“#fillme”）.val（ui.item.title）；
返回false；
}
}).autocomplete（“实例”）。\u renderItem=函数（ul，项）{
返回$（“
”）
.append（“+item.title+”）
.附录（ul）；
};

jQuery的UI库中实际上有一个自动完成对象。我建议查看这些示例，因为它们有完整的代码：Thnx，但对我来说不起作用，在jsfiddle上进行演示将非常棒：）！

<form action="/dosomething">
    <input id="fillme" />
    <button type="submit"></button>
</form>



var sourceJSON =  [
        {
           "title": "Stackoverflowsite1",
           "link": "www.stackoverflow.com"
        },
        {
           "title": "Stackoverflowsite2",
           "link": "www.stackoverflow2.com"
        },
        {
           "title": "Stackoverflowsite3",
           "link": "www.stackoverflow3.com"
        }
   ]

$( "#fillme" ).autocomplete({
      minLength: 0,
      source: sourceJSON,
      focus: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );
        return false;
      },
      select: function( event, ui ) {
        $( "#fillme" ).val( ui.item.title );

        return false;
      }
    }).autocomplete( "instance" )._renderItem = function( ul, item ) {
  return $( "<li>" )
    .append( "<a>" + item.title+ "</a>" )
    .appendTo( ul );
};