jquery load script on click

Question

I'm attempting to load a javascript script from another site with this code but it isnt working!

    $("#random").click(function(){
        $.getScript("http://www.themoviequotes.com/widgets/javascript?n=1&amp;l=1&amp;g=3");
    });

I have a div with an id of "movie" in which i'm trying to load the content into from the above script!

do you think the url is correct for sure??? i typed it directly and it didn't return me any thing?? — kobe
– kobe, Commented Dec 5, 2010 at 20:44
absolutely, this the current HTML: <div id="movie"> <script src="themoviequotes.com/widgets/…" type="text/javascript"></script> </div> — benhowdle89
– benhowdle89, Commented Dec 5, 2010 at 20:44
change the url , its working now , remove &stuff...and make it proper querystring — kobe
– kobe, Commented Dec 5, 2010 at 20:49

Quentin · Accepted Answer · 2010-12-05 20:53:34Z

2

In text/html mode, <script> elements are intrinsically CDATA. Thus & means & and not &.

Do not use HTML entities inside <script> elements.

(If you are writing XHTML and serving it as text/html, then the guidance on XHTML media types with special attention for the section on embedded style sheets and scripts.)

Since you have replaced & with &amp, you are fetching data from a URL that the server doesn't recognize.

However, even if you did change that, it still wouldn't work. The script, which for some reason is being served as text/html instead of application/javascript, contains a document.write statement. This writes to the end of the document (so it is useless for replacing a section of the page) if the document is still open for appending, or replaces it entirely otherwise.

jQuery.load wouldn't help since that expects some content to drop into an element (not a script to execute) and (as far as I know) has no cross-domain capabilities (which only work in very new browsers and only with servers which send the right HTTP headers).

edited Dec 5, 2010 at 20:53

answered Dec 5, 2010 at 20:45

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

4 Comments

benhowdle89 Over a year ago

That makes sense, am i using getScript correctly, should i use load(), i'm trying to replace the current content with this content everytime the user presses "random"

kobe Over a year ago

@ben , getscript just gets the javascript from the specified location and adds to head section

benhowdle89 Over a year ago

Ok, thanks for that, at the moment, it works but the page has to be refreshed. Is there no way i could get new content from this URL without refreshing the page

Quentin Over a year ago

Not from the client. You could proxy the data through a program running on your own server, and then use jQuery.load

thejh · Accepted Answer · 2010-12-05 20:45:47Z

0

Use this:

$("#random").click(function(){
    $.getScript("http://www.themoviequotes.com/widgets/javascript?n=1&l=1&g=3");
});

The URL was wrong.

answered Dec 5, 2010 at 20:45

thejh

45.7k18 gold badges100 silver badges109 bronze badges

Comments

kobe · Accepted Answer · 2010-12-05 20:47:48Z

0

looks like your url is wrong

remove &

http://www.themoviequotes.com/widgets/javascript?n=1&n=l=1&g=3

answered Dec 5, 2010 at 20:47

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Collectives™ on Stack Overflow

jquery load script on click

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related