Databases
StackOverflow2013
Postsdbo
POJSONP version of JQuery.load()
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJSONP version of JQuery.load()
    text
    copied!<p>I am writing a web page widget for my company. This widget must inject an HTML snippet from any domain (our website, possibly a customer CNAME) into the customer's website, which may be on any domain (Tumblr, blogspot, mydomain.com, etc.)</p> <p>JQuery.load() would do exactly what I'd like it to do, except I don't think it will work with JSONP.</p> <p>At this point I've chosen on the client-side to use a standard JQuery.ajax() GET call using JSONP that calls to the server. The server returns an object with a single attribute (the html to inject), which is kind of working except for the fact that I'm still working on making it not choke on the HTML payload. Seems if I escape the HTML, it passes through like a charm, but I'm looking for a better way...</p> <p>FWIW, I am running RoR on the server-side. Any ideas on best practices to get this to work?</p> <p>This is the code I'm using on the client:</p> <pre><code>$.ajax({ dataType: 'jsonp', url: "http://test.host:3000/widgets/widget_1?username=foo", crossDomain: true, success: function(data) { $("#my-div").html.(data.foo) } }); </code></pre> <p>And what I'm returning from the server:</p> <p><code>JQueryCallback({"foo": "&lt;div&gt;bar&lt;/div&gt;"})</code></p> <p>And the error I get in the Firebug console:</p> <p>unterminated string literal (pointing to the beginning of the open tag in the div)</p> <p>I think its choking on the , but I'm not sure how to get around this, or if this is the best way to go about it.</p> <p>Thanks!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload