Here is a simple solution, if you don’t want to define an action filter Client side code using jQuery: $.ajax(“http://www.myserver.com/Home/JsonpCall”, { dataType: “jsonp” }).done(function (result) {}); MVC controller action. Returns content result with JavaScript code executing callback function provided with query string. Also sets JavaScript MIME type for response. public ContentResult JsonpCall(string callback) { return … Read more
Here’s my extensive answer to a similar question. Here’s the code: jQuery.getJSON(handlerURL + “&callback=?”, function(jsonResult){ alert(“Success!”); }) .done(function() { alert(‘getJSON request succeeded!’); }) .fail(function(jqXHR, textStatus, errorThrown) { alert(‘getJSON request failed! ‘ + textStatus); }) .always(function() { alert(‘getJSON request ended!’); });
Some modern browsers have support for parsing JSON into a native object: var var1 = ‘{“cols”: [{“i” ……. 66}]}’; var result = JSON.parse(var1); For the browsers that don’t support it, you can download json2.js from json.org for safe parsing of a JSON object. The script will check for native JSON support and if it doesn’t … Read more
Here is working example: <html><head><title>Twitter 2.0</title> <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script> </head><body> <div id=’tweet-list’></div> <script type=”text/javascript”> $(document).ready(function() { var url = “http://api.twitter.com/1/statuses/user_timeline/codinghorror.json”; $.getJSON(url + “?callback=?”, null, function(tweets) { for(i in tweets) { tweet = tweets[i]; $(“#tweet-list”).append(tweet.text + “<hr />”); } }); }); </script> </body></html> Notice the ?callback=? at the end of the requested URL. That indicates to … Read more
jQuery 1.5 and higher have better support for error handling with JSONP requests. However, you need to use the $.ajax method instead of $.getJSON. For me, this works: var req = $.ajax({ url : url, dataType : “jsonp”, timeout : 10000 }); req.success(function() { console.log(‘Yes! Success!’); }); req.error(function() { console.log(‘Oh noes!’); }); The timeout seems … Read more
This happens generally when you try access another domain’s resources. This is a security feature for avoiding everyone freely accessing any resources of that domain (which can be accessed for example to have an exact same copy of your website on a pirate domain). The header of the response, even if it’s 200OK do not … Read more
It is not possible to do an asynchronous POST to a service on another domain, due to the (quite sensible) limitation of the same origin policy. JSON-P only works because you’re allowed to insert <script> tags into the DOM, and they can point anywhere. You can, of course, make a page on another domain the … Read more
This is a pretty broad question, and could warrant a wiki unto itself. There is also quite a bit on google regarding the two, but I think I can hit a few key points. If you need a read-only ajax interface to your servers and you need to support IE<=9, Opera<12, or Firefox<3.5 or various … Read more
UPDATE: since Angular 1.6 You can no longer use the JSON_CALLBACK string as a placeholder for specifying where the callback parameter value should go You must now define the callback like so: $http.jsonp(‘some/trusted/url’, {jsonpCallbackParam: ‘callback’}) Change/access/declare param via $http.defaults.jsonpCallbackParam, defaults to callback Note: You must also make sure your URL is added to the trusted/whitelist: … Read more
Use application/javascript. In that way, clients can rely on the content-type without having to manually check whether a response has padding or not.