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

Question

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

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

有没有办法在加载下拉列表后触发ajax调用。

先谢谢。 沙

Answer 1

在事件上执行此操作。

$(function(){

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

});

当DOM完全加载时，将执行文档ready内的代码。

但是如果您使用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.
  });


});

假设您的服务器端点返回json数据，如

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