How to call a function when a page loads in Javascript with Jquery

Question

<script type="text/javascript" >

        function getDetails() {
            var IDex = getQueryStringVariableByName("GameID");

            $.ajax({
                type: "POST",
                url: "http:/...",
                data: "{'ItemID': '" + escape(IDex) + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var data = response.d;
                    $('#output').empty();
                    $.each(data, function (index, item) {
                        var str = "Title: " + item.Name + "<br /> Current Price: " + item.CurrentPrice + "<br /> Developer: " + item.Developer + "<br /> Genres: " + item.Genre
                        $('#output').append('<li>' + str + '</li>');
                    });
                },
                failure: function (msg) {
                    $('#output').text(msg);
                }
            });
        }


         function getQueryStringVariableByName(name) {
             //use this function by passing it the name of the variable in the query
             //string your are looking for.  For example, if I had the query string
             //"...?id=1" then I could pass the name "id" to this procedure to retrieve
             //the value of the id variable from the querystring, in this case "1".
             name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
             var regexS = "[\\?&]" + name + "=([^&#]*)";
             var regex = new RegExp(regexS);
             var results = regex.exec(window.location.search);
             if (results == null)
                 return "";
             else
                 return decodeURIComponent(results[1].replace(/\+/g, " "));
         }

         window.onload = GetDetails;
         //$(document).ready( function () {
         //    getDetails();
         //
</script>

I have tried multiple methods to get getDetails to run when the page loads. I have tried the window.onload method, putting it in the body tag, and a few others but I can't seem to find a way to get it to load automatically.

i.e because GetDetails != getDetails It is case sensitive — PSL
– PSL, Commented Dec 3, 2013 at 3:02

PSL · Accepted Answer · 2013-12-03 03:23:55Z

1

To check if the compiler was actually reading your code when the page loads is

$(document).ready(function() { 
    getDetails();
});

function getDetails() { 
   alert("this is a try");
   //or
   console.log("this is a try");
}

and of course include the jquery framework to your document like

<script src = "path" type = "text/javascript"></script>

The best way to do is write it before you have to close the body tag

Hope it helps!

edited Dec 3, 2013 at 3:23

PSL

124k21 gold badges257 silver badges243 bronze badges

answered Dec 3, 2013 at 3:11

HTTP

1,7343 gold badges19 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2965682 Over a year ago

The alert is working, so the compiler is working at least. Must be another error.

HTTP Over a year ago

Did you check what @PSL had commented?

intelis · Accepted Answer · 2013-12-03 03:01:44Z

0

I'm not sure I understand the question, but the way to run a function a after page loads in jQuery is this:

$(document).ready(function() {

    // Your code goes here..
    myFunction();

});

answered Dec 3, 2013 at 3:01

intelis

8,11814 gold badges60 silver badges105 bronze badges

Comments

Chris · Accepted Answer · 2013-12-03 03:05:04Z

0

It doesn't work?

$(function(){
         getDetails();
    });

answered Dec 3, 2013 at 3:05

Chris

3394 silver badges17 bronze badges

Comments

PSL · Accepted Answer · 2013-12-03 03:21:10Z

0

it should be getDetails or you could use:

$(document).ready(function(){
  functionname();
});

edited Dec 3, 2013 at 3:21

PSL

124k21 gold badges257 silver badges243 bronze badges

answered Dec 3, 2013 at 3:07

seed

419 bronze badges

Comments

PSL · Accepted Answer · 2013-12-03 03:23:11Z

0

$(document).ready(function() {
   getDetails();
});

will work for sure.

edited Dec 3, 2013 at 3:23

PSL

124k21 gold badges257 silver badges243 bronze badges

answered Dec 3, 2013 at 3:11

ProllyGeek

15.9k9 gold badges56 silver badges77 bronze badges

Collectives™ on Stack Overflow

How to call a function when a page loads in Javascript with Jquery

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related