小编典典

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

ajax

我有一个自动完成的文本字段,使用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调用,以获取有关该项目的特定信息并填充页面上的其他文本框。

最好的方法是什么?


阅读 297

收藏
2020-07-26

共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
           });
        }
    });
});
2020-07-26