如何在ASP.NET MVC 4中選擇自動完成文本字段值時再調用一次ajax？

Question

我有一個自動填充文本字段，使用JSON像這樣：

  $(function() { 
       var src = '@Url.Action("GetParts", "Parts")' 
       $("#autoCompleteBox").autocomplete({ 
        source: function (request, response) { 
         $.ajax({ 
          url: src, 
          async: true, 
          dataType: "json", 
          data: { 
           partNumber: $("#autoCompleteBox").val() 
          }, 
          success: function (data) { 
           response(data[0]); 
          } 
         }); 
        } 
       }); 
      }); 

當用戶從建議的列表中選擇的項目是什麼我想要做的就是就是讓另一個AJAX調用來獲取有關該項目的具體信息並在頁面上填充其他文本框。

這是最好的方法是什麼？

Answer 1

您可以在自動填充的select事件中執行此操作。

$(function() { 
    var src = '@Url.Action("GetParts", "Parts")' 
    $("#autoCompleteBox").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: src, 
       async: true, 
       dataType: "json", 
       data: { 
        partNumber: $("#autoCompleteBox").val() 
       }, 
       success: function (data) { 
        response(data[0]); 
       } 
      }); 
     }, 
     select: function (event, ui) { 
      var item= ui.item.label; 
      //Now make the ajax call here 
      $.post("SomeValidUrl", new { id : item } ,function(res){ 
       // do something with res 
      }); 
     } 
    }); 
});