Run two jquery with order

Question

I have a problem with tow jquery function, I have a autocomplete search box on form and tow function in script part. I want a function fetch a list and other one autocomplete text box but can`t call fetch function at first. It run after autocomplete function all the time.Can every one help me?

1- fetch list function is:

$(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- autocomplete function

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

3- html part

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

use response(data) instead of return data. It shoud work. http://stackoverflow.com/questions/21385892/how-to-use-source-function-and-ajax-in-jquery-ui-autocomplete — daremachine, Jun 10 '16 at 13:07

score 0 · Answer 1 · answered Jun 10 '16 at 06:11

call the ajax function as a callback function in autocomplete.

$(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");
            }
          })
        }
      });

Thanks for your answer. But I want assign user_list to autocomplete source — Hamed zamanyad, Jun 10 '16 at 06:50

score 0 · Answer 2 · answered Jun 10 '16 at 06:42

0

If you really need to run 2 separated ajax calls then you can use $.when function which provide what you need. But @GauravAggarwal solution is better approach.

answered Jun 10 '16 at 06:42

daremachine

2,678
2
23
34

Thanks for your answer. But I want assign user_list to autocomplete source – Hamed zamanyad Jun 10 '16 at 06:50

Run two jquery with order

2 Answers2