在我的MVC3應用程序中使用jQuery自動完成功能

Question

我正在為用戶制作注冊表，我希望他們在他們的城市寫信。

因此，當他們輸入城市名稱時， jQuery UI組件的自動完成選項將異步加載。

頁面上的示例顯示了如何使用.php文件，但這如何適合純HTTP解決方案？

如何獲取這些選項？

我有一個使用實體框架和存儲庫模式訪問的簡單表：

table City
------------------
CityId int primary key,
Name nvarchar(256)

Answer 1

自動完成插件會將GET請求發送到使用?term=blah querystring參數指定的路徑。

您需要向控制器添加一個Action來處理此請求，然后將匹配值的數組作為json返回。

public ActionResult AutoCompleteCity(string term) {
  var db = new myEFDataContext();
  return Json(db.Cities.Where(city => city.Name.StartsWith(term)).Select(city => city.Name), JsonRequestBehavior.AllowGet);
}

然后在您的JavaScript中，像這樣連接autcomplete函數。

$('#cityTextBoxId').autocomplete({ source: '/Controller/AutoCompleteCity' });