如何在 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
           });
        }
    });
});

如何在 ASP.NET MVC 4 中选择自动完成文本字段值时进行另一个 ajax 调用？

How to make another ajax call upon selection of autocomplete text field value in ASP.NET MVC 4?

ajax

jquery-ui-autocomplete

asp.net-mvc-4