How can I execute this AJAX/JSONP code?

Question

Someone answered in my past question and provided me with the code necessary to pull a datetime from a server. All is well it's just that I don't know how to execute it! for example, I want to the action to happen on pageload, how can I do that?

here's the Ajax/JSONP code I was given:

$.ajax({
    url: 'http://timeapi.org/utc/now.json',
    dataType: 'jsonp'
})
.done(function(response) {
    // response = {"dateString":"2012-03-06T02:18:25+00:00"}
    console.log(response.dateString);// "2012-03-06T02:18:25+00:00"
});

P.S. does the "$" refer to JQuery? I am not very familiar with this syntax...the $.ajax and the .done?

I'd use $.getJSON - api.jquery.com/jQuery.getJSON - but i'm pretty sure the type should be just 'json' p.s. yes, $ refer to the jQuery "object" — scibuff
– scibuff, Commented Mar 6, 2012 at 16:17
double check API docs that they deliver jsonp and that you don't need to provide any special callback name for jsonp wrapper. Many people assume that an API that delivers json also delivers jsonp, not true — charlietfl
– charlietfl, Commented Mar 6, 2012 at 16:19
I mean I am mostly concerned about actually running this in my code. Do I like include this inside a function that I call onload? — antonpug
– antonpug, Commented Mar 6, 2012 at 16:21
You have to include the jQuery library in your page and then wrap this script in a document ready wrapper, $(document).ready(function() { // your ajax code here }); Start here: docs.jquery.com/Tutorials:How_jQuery_Works — Jay Blanchard
– Jay Blanchard, Commented Mar 6, 2012 at 16:22

Christoph · Accepted Answer · 2012-03-06 16:45:32Z

3

You definitely have to check out jQuery.

Basically, $ refers to the jQuery object, and .ajax() and .done() are functions which are properties of this object. They can be concatenated by a common technique of returning the jquery-context at the end of each function.

Simplified you have something like this:

jQuery.function(parameters).anotherfunction(parameters)

You should start with this basic tutorial.

edited Mar 6, 2012 at 16:45

answered Mar 6, 2012 at 16:24

Christoph

51.4k22 gold badges103 silver badges129 bronze badges

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

Collectives™ on Stack Overflow

How can I execute this AJAX/JSONP code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related