jsonp

The jQuery documentation lists the following example of using $.getJSON to request JSONP: $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data) { $.each(data.items, function(i,item) { $("<img/>").attr("src", item.media.m).appendTo("#images"); if (i == 3) return false; }); }); Rather than use this method, which generates a dynamic callback function name because of this parameter: jsoncallback=? I want to be able to set that in advance to a hardcoded function name, like this: jsoncallback=test This works, in the sense

Trying to copy a cookie from second.com to first.com, with full control of both domains. Previously an iFrame was used, however this is not able to work across all browsers as it touched on 'third-party cookies' which are hard to implement and impossible in Safari and Chrome. The new approach uses a SCRIPT tag pointing to second.com and included in the HEAD of first.com. The server-side script is actually a piece of Java which reads the cookies sent with the request (the cookies from second.com) and the JavaScript returned executes on first.com and essentially duplicates the cookie here. This

I need to send a Get request with cross domain origin with header authentication. Its working fine in Chrome and Firefox, but I'm having issues in Safari and IE. Also in random cases it returns 401. <script> var url = 'username:password@anotherdomain.com'; $.ajax({ url: url, dataType: 'jsonp', jsonpCallback: "callback", success: function(json) { alert(json); } }); </script> What would be the best option to solve this? If I have understood the question correctly, you could use the beforeSend callback to add basic authentication on the request. This is irrelevant of jsonp or cross-origin though.

Right now I've created a JS API with JQuery, but I'm wondering if it could be done with AngularJs. For example, Imagine a small API like the following: var $myapi= $myapi|| {}; ;(function($, window, document, undefined){ _call_myapi_jsonp: function(params,controller,action,eventName){ if (!params) params = {}; var url = this.urls.base+"/"+controller+"/"+action+"?callback=?"; if (params.callback) url = this.urls.base+"/"+controller+"/"+action+"?callback="+params.callback; url = url + "&_"+new Date(); delete params.callback; $.ajax({ url: url, data: params, crossDomain:true, dataType:'jsonp',

What I need is something which: can catch all keyboard events can catch all mouse events (clicks, movement) can catch page scrolling, possibly taking care about browsers differences send data to external server using JSONP (or anything else, but need to work not only in newest browsers) is quite small, at most xx kB I hope I would like to find something which have at least 3 of above implemented properly. I can also look at js frameworks like Dojo or JQuery if they can help me, but then will I be able to to keep it small enough? How about writing it yourself ? :) Let's consider this simple

This question already has an answer here: Making and handling JSONP request using JavaScript 1 answer $.ajax( { url : '', data: {}, dataType:'jsonp', jsonpCallback: 'callbackName', type: 'post' ,success:function (data) { console.log('ok'); }, error:function () { console.log('error'); } }); How do I write the same functionality in pure JS? In this particular case, you aren't making an ajax call at all, instead you're making a JSONP request. Luckily, these are incredibly easy to replicate and work in all browsers. var s = document.createElement("script"), callback = "jsonpCallback_" + new Date()