ansaurus

Question

How to make an AJAX call immediately on document loading

Answer 1

+9 A:

You need to have jQuery loaded before making calls to the jQuery API.

Before your code snippet, load jQuery...

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'&gt;&lt;/script&gt;

Brant 2010-05-10 13:34:46

+1: It's often the simple things that get you.

R. Bemrose 2010-05-10 13:35:52

Yes I have that <script src="../js/jquery.js" type="text/javascript">I removed the script tags to make the code clearer - I have used firebug to check that these are all available.

Ankur 2010-05-10 13:37:00

Then make sure that you are getting back well-formed JSON.Try getting rid of "DataType" and letting jquery auto detect. At least then you can see if your call is working.

Brant 2010-05-10 13:39:01

Ok I will try that now.

Ankur 2010-05-10 13:43:04

Also, while debugging, I will often use "complete" instead of "success". That way, again, you can see what the server is spitting out (if anything)

Brant 2010-05-10 13:44:06

That didn't work, but I get the feeling it's not how I have designed my code but some config or path that I have gotten wrong. Thanks for your help.

Ankur 2010-05-10 13:46:57

Okay. Remember that it will call to the server from the path where the HTML file is sitting. So, if the autocomplete script is back a directory or something, it wont find it. Try plugging in a full URL.

Brant 2010-05-10 13:49:09

Thanks Brant, that was exactly one of the problems. However I am also having the problem that Karim noted below. Will update the question.

Ankur 2010-05-10 14:36:45

Answer 2

+1 A:

Just use

$(function() {
    // Your code here
});

Also make sure that the response is really a JSON. If servlet gives the error, it will not be correctly processed in your case. Use firebug to see if servlet is called and what was the response. Or do minimal logging on the serverside.

Juriy 2010-05-10 13:35:02

$(document).ready(function (){}); and $(function(){}); are the same thing. If he wants to run code when the page has finished loading and not when the DOM has finished loading, he needs to use $(document).load

Greg 2010-05-10 13:37:15

Answer 3

+3 A:

You're running into that problem because the $.ajax call does not return before the autocomplete is initilised, due the the asynchronous nature of XHR. The request is sent, execution flows into the next expression before dataArray has been filled up within the success callback. Try this:

$(document).ready(function(){
        $.ajax({
            type: "GET",
            url: "AutoComplete",
            dataType: 'json',
            data: queryString,
            success: function(data) {
                var dataArray = data;
                alert(dataArray);
                $("#example").autocomplete(dataArray);
            }
        });
});

That will ensure that your autocomplete is initialised only when the response from the server has been received.

karim79 2010-05-10 13:59:32

Thanks I tried something similar but it still doesn't work, I have asked another question at http://stackoverflow.com/questions/2803589/jquery-autocomplete-works-with-a-local-string-but-not-when-the-same-string-is-cal which explains the issue more properly.

Ankur 2010-05-10 14:54:12

ansaurus

tags:

views:

answers:

How to make an AJAX call immediately on document loading

related questions