jQuery.Autocomplete实现自动完成功能(详解)
??????????????????? return obj.Text;
??????????????? },
??????????????? formatResult: function(row) {
??????????????????? var obj =eval("(" + row + ")"); //转换成js对象
??????????????????? return obj.Text;
??????????????? }
??????????? }).result(function(event, item) {
??????????????? var obj = eval("(" +item + ")"); //转换成js对象
??????????????? $("#link").attr(“href”,obj.url);
??????????? });
??????? });
</script>
后台C#(mvc)代码:
public ContentResult GetUserAccount(string q)
{
string strResult = "";
?
??? //...查询数据操作...
????????? ?? ?//...格式化数据...
??? //格式完成的结果为
????????? ??? strResult = "{text:'Link A', url:'/page1'}\n {text:'Link B', url: '/page2'} ";
?
return Content(strResult);
}
方法2:
前台js
<scripttype="text/javascript">
??????? $(document).ready(function() {
??????????? $.getJSON("/ajax/Account",function(data) {
???????????????$("#Login").focus().autocomplete(data, {
??????????????????? formatItem: function(item,i, max) {
??????????????????????? return item.Text;
??????????????????? },
??????????????????? formatResult:function(item) {
?????????????????? ?????return item.Text;
??????????????????? }
??????????????? }).result(function(event, item){
??????????????????? $("#link").attr(“href”,item.url);
??????????????? });
??????????? });
??????? });
</script>
?????????????????? 后台C#(mvc)代码:
?????????????????? publicContentResult Account(string q)
{
string strResult = "";
?
??? //...查询数据操作...
????????? ?? ?//...格式化数据...
??? //格式完成的结果为
????????? ??? strResult = "[{"text":"LinkA", "url":"/page1"}, {"text":"LinkB", "url": "/page2"} ]";
?
return Content(strResult);
}