current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
stack overflow careers
Sign up ×
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other. Join them, it only takes a minute:
up vote 1 down vote favorite

I am writing a jQuery call to retrieve JSON data from the memegenerator.net API. However, using the code below, I get a Uncaught SyntaxError: Unexpected token : error whenever I test it in Chrome. I tried removing the callback=? and that threw another error.

Whenever I go to the URL directly, it comes back fine.

JSLint in JSFiddle declares the returned JSON as valid.

Any ideas on how to make this call successful? 

<script>
$(document).ready(function() {
    $.ajax({
        type: 'GET',
        url: 'http://version1.api.memegenerator.net/Instances_Select_ByNew?languageCode=en&pageIndex=0&pageSize=12&urlName=Insanity-Wolf?callback=?',
        dataType: 'json',
        success: function() {
            console.log('Success!');
        },
        error: function() {
            console.log('Uh Oh!');
        }
    });
});​      
</script>
share|improve this question

3 Answers 3

up vote 0 down vote

Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol. You need jsonp.

share|improve this answer
up vote 0 down vote

That api either doesn't support JSONP, or it is looking for a different callback param than callback.

also, your url should be 

http://version1.api.memegenerator.net/Instances_Select_ByNew?languageCode=en&pageIndex=0&pageSize=12&urlName=Insanity-Wolf&callback=?

note the & instead of ?

also, dataType should be "jsonp"

share|improve this answer
up vote 0 down vote

Sounds like a cross domain error. You cannot request things from a domain other than yours with ajax without either using jsonp or a proxy script on your server. (If using php it will be a cURL request)

Look for jsonp on the ajax docs page

cURL request:

$cURL = curl_init();
curl_setopt($cURL, CURLOPT_URL, 'http://version1.api.memegenerator.net/Instances_Select_ByNew?languageCode=en&pageIndex;=0&pageSize;=12&urlName;=Insanity-Wolf');
curl_setopt($cURL, CURLOPT_HEADER, 0 );
curl_setopt($cURL, CURLOPT_SSL_VERIFYPEER, false );
curl_setopt($cURL, CURLOPT_SSL_VERIFYHOST, false );
curl_setopt($cURL, CURLOPT_RETURNTRANSFER, true);
$output = curl_exec($cURL);
curl_close($cURL);
echo $output;
share|improve this answer
1  
it seems memegenerator doesn't provide jsonp or CORS headers (which would allow cross-domain ajax to work normally). – Esailija Aug 10 '12 at 20:49
    
so you will need to call a script on your server which makes a cURL request to that url and then return that. – locrizak Aug 10 '12 at 20:51
1  
I'm not the op, just wanted to point out that You cannot request things from a domain other than yours with ajax is wrong :P – Esailija Aug 10 '12 at 20:54
    
umm did you stop reading my answer? That's what I have? And haha shows you much attention im paying.... – locrizak Aug 10 '12 at 20:56
1  
No I mean, what you have is wrong. You can request things from a domain other than yours with ajax, without using a proxy or jsonp. – Esailija Aug 10 '12 at 20:57

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.