2016-06-10 68 views
0

我有一个问题,拖曳jquery函数,我有一个窗体上的自动完成搜索框和脚本部分拖动功能。我想要一个函数获取一个列表和另一个自动完成文本框,但不能首先调用获取函数。它始终在自动完成功能之后运行。可以帮助我吗?运行两个jQuery的命令

1-取列表功能是:

$(function() 
{ 
    $.ajax({ 
      url: 'fetch_user_list_from_user_table.php', 
      data: "{}", 
      dataType: 'text', 
      success: function(data) 
      { 
       user_list=data; 
       alert("list is: " + user_list); 
      }, 
      error: function() 
      { 
       $('#output').html("Error"); 
      } 
      }); 
}); 

2-自动完成功能

$(function() 
{ 
    var availableTags; 
    availableTags =user_list; 
    alert("tags are"+availableTags); 
    $("#tags").autocomplete(
    { 
     source: availableTags 
    }); 
}); 

3- HTML的一部分

<input id="tags" type="text" name="message_receiver_title"> </input> 
+0

使用响应(数据)而不是返回数据。它工作。 http://stackoverflow.com/questions/21385892/how-to-use-source-function-and-ajax-in-jquery-ui-autocomplete – daremachine

回答

0

呼叫的AJAX功能作为在自动填充的回调函数。

$(function() { 
     var availableTags; 
     availableTags = user_list; 
     alert("tags are" + availableTags); 
     $("#tags").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
      url: 'fetch_user_list_from_user_table.php', 
      data: "{}", 
      dataType: 'text', 
      success: function(data) { 
       user_list = data; 
       alert("list is: " + user_list); 
      }, 
      error: function() { 
       $('#output').html("Error"); 
      } 
      }) 
     } 
     }); 
+0

感谢您的回答。但我想分配user_list自动完成源 –

+0

@Hamedzamanyad所以添加成功返回数据功能 – daremachine

+0

@daremachine我无法修复它。你能帮我多吗 –

0

如果你真的需要运行2个独立的Ajax调用那么你可以使用$.when功能,提供你所需要的。 但@GauravAggarwal解决方案是更好的方法。

+0

谢谢你的回答。但我希望将user_list分配给自动完成源 –