Displaying Script on Success with jQuery Ajax

Question

I use this script (does a document.write, you can visit the src to see it), which spends time loading as soon as it is reached in the HTML sequence of my pages:

<script type="text/javascript" src="http://pkmncards.disqus.com/recent_comments_widget.js?num_items=25"></script>

This prevents anything after the script from loading for a second or two while it loads, so instead I want to load it via jQuery Ajax to prevent the hangup.

Here's what I've attempted:

var $j = jQuery.noConflict();
$j(document).ready(function () {
    $j.ajax({
        url: "http://pkmncards.disqus.com/recent_comments_widget.js?num_items=25",
        dataType: "script",
        success: function (data) {
            $j("#recent-discussion").html(data)
        }
    });
});

However I'm not handling the success properly. I see the request load, but it doesn't do anything. I want it to run the script and output the document.write into the target #recent-discussion.

I'm still searching for examples but can't figure out what I'm doing wrong... any help is much appreciated!

You're getting from datatype: "script" but trying to load the data directly as the html of a div? are you actually receiving a script, or is it html? — DavidDraughn
– DavidDraughn, Commented Feb 26, 2013 at 20:02
@mgibsonbr I can only move it down so far, it displays HTML and I need that HTML in a certain place. — Adam Capriola
– Adam Capriola, Commented Feb 26, 2013 at 20:19

dgvid · Accepted Answer · 2013-02-26 20:12:08Z

2

You cannot execute document.write after the page is loaded. Any script that you load via an AJAX call that uses document.write will not work correctly.

answered Feb 26, 2013 at 20:12

dgvid

26.7k5 gold badges43 silver badges57 bronze badges

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

1 Comment

Adam Capriola Over a year ago

I think it might be a combination of this plus the fact that I'm trying to turn a script into HTML. Thank you for the responses everyone!

mgibsonbr · Accepted Answer · 2013-02-26 20:06:36Z

1

Your ajax call seems correct, and you don't actually need to do anything in the success callback - the script will have already started executing by then (but not necessarily so).

If it's not working, then check whether or not it was loaded correctly (maybe using an error callback in the ajax call). BTW is this script in the same domain as your main page? You can load scripts from different domains, but you can't normally make ajax calls to them (due to the same-origin policy).

I want it to run the script and output the document.write into the target #recent-discussion.

I don't think that's actually possible... If that's what your script need to do, and you can't change it, I'm afraid there's little you can do (short of monkey-patching document.write, that is).

answered Feb 26, 2013 at 20:06

mgibsonbr

22.1k7 gold badges74 silver badges115 bronze badges

1 Comment

Adam Capriola Over a year ago

Script is on a third party domain... yet another goof on my part.

Collectives™ on Stack Overflow

Displaying Script on Success with jQuery Ajax

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related