jQuery自動完成與JSON不兼容

Question

我正在嘗試實現jQuery自動完成。我覺得一切都設置得很好，但它不工作。

SearchSkies方法

public JsonResult SearchSkies(string query) 
     { 
      SkiDao skiDao = new SkiDao(); 
      IList<Ski> skies = skiDao.SearchSkies(query); 

      List<string> brands = (from Ski s in skies select s.Brand).ToList(); 
      return Json(brands, JsonRequestBehavior.AllowGet); 
     } 

腳本中查看

<script type="text/javascript"> 

    $(function() { 

    $("#searchBox").autocomplete({ 
     source: function(request, response) { 
     $.ajax({ 
      url: '@Url.Action("SearchSkies","Skies")', 
      dataType: "json", 
      data: { 
      query: request.term 
      }, 
      success: function (data) { 
       response(data); 
      } 
     }); 
     }, 
     minLength: 2, 
    }); 
    }); 

</script> 

Answer 1

你沒有提的Ajax調用的請求類型（GET/POST）。

$(document).ready(function() { 
     $("#searchBox").autocomplete({ 
      source: function(request,response) { 
       $.ajax({ 
        url: "/Skies/SearchSkies", 
        type: "POST", <<---- 
        dataType: "json", 
        data: { query: request.term }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { label: item.Name, value: item.Name }; 
         }))  
        } 
       }) 
      }, 
      messages: { 
       noResults: "", results: "" 
      } 
     }); 
    }) 

而且控制器

public class SkiesController : Controller 
{ 
     // GET: Home 
     [HttpGet] 
     public ActionResult Index() 
     { 
      return View(); 
     } 
     [HttpPost] 
     public JsonResult SearchSkies(string query) 
     {     
     SkiDao skiDao = new SkiDao(); 
     IList<Ski> skies = skiDao.SearchSkies(query); 

     List<string> brands = (from Ski s in skies select s.Brand).ToList(); 
     return Json(brands, JsonRequestBehavior.AllowGet); 
     } 
}