Как сделать еще один вызов ajax при выборе значения текстового поля автозаполнения в ASP.NET MVC 4?

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 
      }); 
     } 
    }); 
});