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

发布时间：2020-12-15 23:56:12 所属栏目：asp.Net 来源：网络整理

导读：我有一个自动完成文本字段,它使用JSON,如下所示： $(function () { var src = '@Url.Action("GetParts","Parts")' $("#autoCompleteBox").autocomplete({ source: function (request,response) { $.ajax({ url: src,async: true,dataType: "json",data: { pa

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

对此最好的方法是什么？

解决方法

您可以在自动完成的选择事件中执行此操作.

$(function () {
    var src = '@Url.Action("GetParts","Parts")'
    $("#autoCompleteBox").autocomplete({
        source: function (request,response) {
            $.ajax({
                url: src,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
           });
        }
    });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!