Cách lọc nghề nghiệp khi bạn nhập vào MVC3

Question

Tôi có danh sách 2500 nghề nghiệp được tổ chức trong db của chúng tôi. Trên trang web của chúng tôi, chúng tôi yêu cầu bạn nhập vào nghề nghiệp của bạn và tôi muốn nó lọc kết quả khi họ gõ; như tìm kiếm của Play.com. Có cách nào để làm điều này trong MVC3?

Đánh giá cao sự trợ giúp.

Answer 1

Bạn có thể thực hiện việc này bằng cách sử dụng javascript tự động hoàn tất.

Ví dụ: http://www.pnpguidance.net/post/jQueryAutoCompleteASPNETMVCFramework.aspx

Bạn có thể lấy dữ liệu của bạn sử dụng jQuery Ajax.

Answer 2

tôi sẽ tạo ra một phương pháp hành động đó sẽ trở về JSON:

 [HttpGet()] 
     public JsonResult Occupations(String searchCriteria) 
     { 
      String[] occupations = new String[] { "Lawyer", "Carpenter" }; 
      return Json(occupations.Where(s => s.Contains(searchCriteria)) 
            .ToList(), JsonRequestBehavior.AllowGet); 
     } 

Nếu bạn chạy một yêu cầu GET vào liên kết này:/Nghề nghiệp searchCriteria = Carpenter bạn sẽ nhận được [ "Carpenter"] trong một phản ứng .

Tôi sẽ thực hiện cuộc gọi jQuery ajax với phương thức hành động này. Khi thành công, tôi sẽ phản hồi và tạo ra một đầu ra như danh sách các phần tử li để lựa chọn.

Ví dụ về json ajax được yêu cầu là dưới đây:

$.ajax({ 
      type: 'json', 
      url: '/Occupations', 
      type: 'GET', 
      cache: false, 
      data: { searchCriteria: searchCriteria}, 
      error: function() { 

      }, 
      success: function (result) {    
       alert(result); 
      } 
     }); 

này là từ một notepad, vì vậy có thể có một số lỗi cú pháp nhỏ.