Execute javascript callback from within "script" tag after loading a javascript file

Question

I want to execute a javscript callback from within the <script> tag after loading a javascript file, using query string callback=MyCallbackFuntion.

Something similar to

<script src="http://gdata.youtube.com/feeds/users/USER/uploads?
        alt=json-in-script
        &max-results=30
        &callback=listVideosCallback" 
    type="text/javascript"></script>

Here at the end of src=http://..., youtube uses the query string ?callback= listVideosCallback to execute the function listVideosCallback() after the data/file is loaded. How can I do something similar?

score 1 · Accepted Answer · edited May 23 '17 at 12:05

1

Your server script should do something like (this example is PHP):

echo $_GET['callback'] . '(' . json_encode($data) . ');';

What is JSONP all about?

When you use <script src="URL"></script>, the browser downloads the URL, and then executes the Javascript code that it contains. If that code looks like:

MyCallbackFunction(data);

then loading the script will cause the function to be called with the data as a parameter. So the server script should get the function name from the callback URL parameter, and turn it into a function call by putting parentheses and a literal data object after it and echoing this.

edited May 23 '17 at 12:05

Community

1
1

answered Sep 19 '13 at 17:11

Barmar

741,623
53
500
612

Don't forget the empty parenthesis ;) – Reinstate Monica Cellio Sep 19 '13 at 17:12
Where exactly should this line go ?! – Muhammad Reda Sep 19 '13 at 17:13
In the server script that you're running with the ` – Barmar Sep 19 '13 at 17:15
I've added some more explanation, I hope it helps. – Barmar Sep 19 '13 at 17:25
make no sense to me – Katelynn ruan Oct 21 '22 at 18:54

Execute javascript callback from within "script" tag after loading a javascript file

1 Answers1