如何在 jquery 中完全加载控件后调用 ajax 方法

Question

我正在使用 ASP.NET MVC。有一个 ajax 调用，用于根据加载屏幕时同一视图中选定的下拉列表值在输入框中填充一个值。当我在下拉列表更改中调用它时它正在工作。

问题：我无法在页面加载时的 ajax 调用中获取下拉列表的选定值。

有什么方法可以仅在下拉列表加载后触发 ajax 调用。

提前致谢。桑迪

Answer 1

在 document ready 活动中进行。

$(function(){

  var val=$("#YourDropdownId").val();
  // now make the ajax call

});

文档 ready 中的代码将在 DOM 完全加载后执行。

但是如果您使用 ajax 加载下拉菜单，您可以在填充下拉选项后在 done 事件中执行自定义 ajax 调用。

$(function(){

   $.ajax({
     url: "SomeServerEndpointReturningJsonData"

   }).done(function(response) {
      //loop through the response and load the data
      var items="";
      $.each(response,function(index,item){
         items+="<option value="+item.Id+">"+item.Name+"</option>";
      });
      $("#YourDropDownId").append(items);

      var val=$("#YourDropdownId").val();      
      //Make your second ajax call.
  });


});

假设您的服务器端点 returns json 数据类似于

[{Id:1,Name:"A"},{Id:2,Name:"B"}]

如何在 jquery 中完全加载控件后调用 ajax 方法

How to call ajax method after a control loads completely in jquery

asp.net-mvc

jquery

asp.net-ajax