Search jQuery

jQuery Forum

Access to restricted URI denied

in Developing jQuery Core • 12 years ago

Hi, I'm working on a AJAX widget for a postcards site
(www.specialgreetings.com). We want to enable partners to display
postcards on their website using this widget to display postcards from
specialgreetings into their site. I am using jQuery for the AJAX
calls. I have a affiliate.js on www.specialgreetings.com that handles
all the calls. So the partner includes this js with their data and
postcards are rendered on his website. I'm having trouble because it
throws an exception:
Error: uncaught exception: [Exception... "Access to restricted URI
denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)"
location: "http://www.specialgreetings.com/js/jquery.js Line: 18"]
You can check the example at
http://www.andresrovira.com/sg/test.php
What is the problem?

Replies(7)

jonahfox

Re: Access to restricted URI denied

12 years ago

sounds like a cross domain Ajax request - which is not allowed. You'll
need to use JSON instead

kswedberg

Re: Access to restricted URI denied

12 years ago

<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">to add to what weepy wrote, you'll need to set the dataType option to "jsonp"<div>
</div><div>from the docs at <a href="http://docs.jquery.com/Ajax/jQuery.ajax#options">http://docs.jquery.com/Ajax/jQuery.ajax#options</a>:</div><div>
</div><div><blockquote type="cite">"jsonp": Loads in a JSON block using JSONP. Will add an extra "?callback=?" to the end of your URL to specify the callback. (Added in jQuery 1.2)
</blockquote><div>
</div><div>
<div apple-content-edited="true"> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><br class="Apple-interchange-newline">--Karl<br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com">www.englishrules.com</a></div><div><a href="http://www.learningjquery.com">www.learningjquery.com</a></div><div>
</div></span><br class="Apple-interchange-newline"></span><br class="Apple-interchange-newline"> </div>
<div><div>On Jul 10, 2008, at 2:56 AM, weepy wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>
sounds like a cross domain Ajax request - which is not allowed. You'll
need to use JSON instead

androcles

Re: Access to restricted URI denied

12 years ago

Ok, I changed some stuff now using the $.getJSON method and adding the
&jsoncallback=? at the end in the loadCategories() function, it seems
to call the remote AJAX ok, but then it turns out another javascript
error. My PHP file affiliates.php returns this data
{"header":{"code":0,"message":""},"total":"16","categories":
[{"id":"19","name":"Birthdays","thumb":"19\/
categoria04_cumpleanos.gif"},
{"id":"64","name":"Condolences","thumb":"64\/
categoria15_condolencias.gif"},{"id":"50","name":"Forgive
me","thumb":"50\/categoria08_perdon.gif"},
{"id":"2","name":"Friendship","thumb":"2\/categoria01_amistad.gif"},
{"id":"15","name":"Good wishes","thumb":"15\/
categoria03_buenos_deseos.gif"},
{"id":"58","name":"Greetings","thumb":"58\/
categoria09_felicidades.gif"},
{"id":"23","name":"Holidays","thumb":"23\/
categoria05_dias_festivos.gif"},
{"id":"40","name":"Invitations","thumb":"40\/
categoria07_invitacion.gif"},{"id":"8","name":"Love","thumb":"8\/
categoria02_amor.gif"},{"id":"63","name":"Places","thumb":"63\/
categoria14_lugares.gif"},{"id":"62","name":"Soccer","thumb":"62\/
categoria13_futbol.gif"},{"id":"36","name":"Thank you","thumb":"36\/
categoria06_gracias.gif"}]}
as a JSON, but the javascript error fails to parse it and says
"Invalid label" and points to "header".

Michael G..

Re: Access to restricted URI denied

12 years ago

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6001.18063" name=GENERATOR></HEAD>
<BODY
style="WORD-WRAP: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space">
<DIV dir=ltr align=left><FONT face=Verdana color=#0000ff size=2><SPAN
class=116422118-10072008>That's needed if you're using $.ajax - or you can
just use $.getJSON which sets that parameter for
you.</SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT face=Verdana color=#0000ff size=2><SPAN
class=116422118-10072008></SPAN></FONT> </DIV>
<DIV dir=ltr align=left><FONT face=Verdana color=#0000ff size=2><SPAN
class=116422118-10072008>-Mike</SPAN></FONT></DIV><FONT face=Verdana
color=#0000ff size=2></FONT><FONT face=Verdana color=#0000ff size=2></FONT><BR>
<BLOCKQUOTE
style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #0000ff 2px solid; MARGIN-RIGHT: 0px">
<DIV class=OutlookMessageHeader lang=en-us dir=ltr align=left>
<HR tabIndex=-1>
<FONT face=Tahoma size=2><B>From:</B> Karl Swedberg</FONT><BR></DIV>
<DIV></DIV>to add to what weepy wrote, you'll need to set the dataType option
to "jsonp"
<DIV><FONT face=Verdana color=#0000ff size=2></FONT><FONT face=Verdana
color=#0000ff size=2></FONT><BR></DIV>
<DIV>from the docs at <A
href="http://docs.jquery.com/Ajax/jQuery.ajax#options">http://docs.jquery.com/Ajax/jQuery.ajax#options</A>:</DIV>
<DIV><FONT face=Verdana color=#0000ff size=2></FONT><FONT face=Verdana
color=#0000ff size=2></FONT><BR></DIV>
<DIV>
<BLOCKQUOTE type="cite">"jsonp": Loads in a JSON block using JSONP. Will add
an extra "?callback=?" to the end of your URL to specify the callback.
(Added in jQuery 1.2) <BR></BLOCKQUOTE></DIV></BLOCKQUOTE>

Michael G..

Re: Access to restricted URI denied

12 years ago

Your PHP code needs to detect the callback parameter in the query string,
and use the value of that parameter with a pair of parentheses to wrap the
JSON response. jQuery replaces the ? with an arbitrary string such as
foo1234, in which case your response would be:
foo1234({"header":...})
That changes the JSON response to JSONP which is what is needed here.
Are you using jsonp:'jsoncallback' to change the name of your callback
function? Whatever you use there is the parameter you need to look for. You
can leave out the jsonp: and it will default to callback=foo123whatever so
you don't have to put that in the URL yourself.
What exactly does your $.getJSON call look like?
-Mike

androcles

Re: Access to restricted URI denied

12 years ago

Ok, end of the story now... everything working, thank God!! (and you,
of course ;) )
As michael pointed out, i needed the callback parameter in my json
response. The code does something like this:
$response =
jsonencode(array("header"=>array("code"=>0,"message"=>""),"body"=>array( .... ) );
if (isset($_GET['jsoncallback']))
$response = $_GET['jsoncallback']."(".$response.")";
echo $response;
exit();
it works like a charm!! thanks everyone!!

androcles