JSONP mit jQuery am Beispiel der Stackoverflow API
Stackoverflow.com – der Segen für alle Programmierer und die, die es werden wollen. Die Seite enthält nicht nur Fragen und Antworten, sondern hat über die Tagging Funktion auch eine Art “Mini”-Wiki für Technologien entwickelt. Stackoverflow bietet natürlich auch eine API an und für einfache lesende Zugriffe gibt es auch eine Variante, welche die eigenen Serverkapazitäten schont und ziemlich clever ist: Die Rede ist von JSONP.
Was ist JSONP?
Durch das Sicherheitsmodell im Browser ist es heutzutage nicht wirklich einfach möglich AJAX Requests an Seiten zu schicken, welche eine andere Domain haben. Allerdings kann man einen kleinen Workaround benutzen: Es ist erlaubt, fremde Ressourcen von anderen Domains über GET einzubinden. Dazu zählt natürlich auch Javascript.
JSONP bedient sich diesem Trick: Der Browser erlaubt es, dass man fremden Javascript Content via Http GET auf die eigene Seite einbindet. Der fremde Javascript Code kann alles mögliche sein, u.a. auch JSON. Damit ist die Idee der JSONP API geboren.
jQuery und JSONP – sieht aus wie AJAX. Ist auch fast dasselbe.
Ein normaler jQuery AJAX Aufruf, um ein
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});
Der JSONP jQuery Aufruf ist leicht modifiziert und enthält ein “dataType jsonp” Property.
$.ajax({
url: "otherDomain...",
cache: false,
dataType: 'jsonp',
success: function(html){
$("#results").append(html);
}
});
Beispiel Stackoverflow API:
Ich möchte die Wiki Information über das Tag “RavenDB” mir über JSONP holen.
$.ajax({
type: 'GET',
url: 'http://api.stackoverflow.com/1.1/tags/ravendb/wikis',
dataType: 'jsonp',
success: function (data) {
if (data.tag_wikis.length > 0) {
alert(data.tag_wikis[0].wiki_excerpt);
}
},
jsonp: 'jsonp'
});
Als Ergebnis kommen die Daten über den Browser geladen direkt von Stackoverflow.
Was bringt das?
Durch jsonp erspart man sich den Proxy, welcher zwischen dem Browser und dem eigentlichen Service vermitteln müsste. Allerdings sind die Anwendungsfälle recht beschränkt und ein praktischer Einsatz ist mir nur bei lesenden Sachen bekannt. Evtl. geht hier aber später mehr mit Websockets & co.
MacBook Pro für .NET Entwickler–geeignet oder einfach nur schick, aber unpraktisch?
Ich besitz seit gut einem Jahr ein MacBook Pro (= aus dem Jahre 2010) und weil mich damals die Frage so beschäftigt hat, blogge ich mal meine Erfahrungen dazu. Meine Notebook Konfiguration MacBook Pro April 2010 – 2,66 Intel Core i7- 8GB RAM- 15” Glossy Display- Intel X-25M 168GB SSD Die Hardware: Ein Traum – …
Windows Azure SDK für node.js & co. – und das auf GitHub!
Wie bereits vor einiger Zeit abzusehen war, unternimmt Microsoft alles um Windows Azure als “die” Cloud-Plattform für alle möglichen Sprachen & Frameworks zu positionieren. Microsoft, früher dafür bekannt seine eigenen Plattformen und Sprachen in den Markt zu pushen, ändert scheinbar seine Strategie und pusht nun u.a. auch node.js und stellt die SDKs auch auf GitHub …
Fix: “There is a duplicate ‘uri’ section defined” bei DotNetOpenAuth
Kleiner Hinweis, was zutun ist, wenn man diesen Fehler bekommt. Folgendes Setup bei mir: – ASP.NET MVC Projekt samt .NET Framework 4.0 – DotNetOpenAuth via NuGet installiert – Das Webprojekt hat noch “Cassini” genutzt Beim Deployen auf einen richtigen IIS bekam ich diese Fehlermeldung: “There is a duplicate ‘uri’ section defined” Oder zu deutsch: “Der …
Dateien, welche nicht in die Source Control gehören für GIT–.gitignore für bin/obj & co.
Visual Studio produziert einige Dateien, welche man nicht in sein Source Control System haben sollte: Zum einen sind es Dateien, welche vom Betriebssystem automatisch erstellt werden (Thumbs.db), von diversen Tools (Resharper ahoi!) oder auch den lokalen Build-Output. Da ich gerade etwas mit Git experimentiere, hier mal meine Erkenntnisse (bei Denkfehlern meinerseits bitte einfach einen Kommentar …
Webserver Performance Test
Was ist der schnellste Webserver? Und kann man das überhaupt so einfach messen? Die Antwort: Naja. Man kann einiges Messen, aber ob das an realistische Zahlen rankommt ist immer noch eine andere Geschichte. Allerdings hat diese Seite einen Test gemacht und der IIS hat “gewonnen”. Allerdings gibt es ja auch ein leuchtendes Beispiel. Hintergrund Getestet …
Wie funktionieren Pingbacks und wie kann man Pingbacks über .NET versenden?
Ganz technisch gesprochen: Pingbacks dienen der Benachrichtigung einer Seite, wenn diese auf einer anderen Seite verlinkt wird. Größtes (und einzigstes?) Einsatzgebiet ist in der Blogwelt zu finden. Ziel davon ist es, dass ein Autor benachrichtigt wird, wenn jemand über einen Artikel etwas schreibt. Meistens landet der Pingback mit in den Kommentaren. Eine ältere Form davon …
Pragmatische Softwareentwicklung
Stellt einem Softwareentwickler mal die Frage, ob der Code den er vor ein oder zwei Jahren geschrieben hat immer noch gut findet. Meistens ist die Antwort: Würde ich heute anders machen. Diesen Prozess habe ich sowohl in dienstlichen Projekten als auch in Privatprojekten mehr als einmal festgestellt. In die Liste der größeren Privatprojekte gehören ShoppingMap …
Built with Bootstrap–Beispiele von Twitter Bootstrap
Vor einiger Zeit bin ich auf den “UI-Baukasten” von Twitter namens Bootstrap aufmerksam geworden und verfolge die Diskussionen und das Projekt auf GitHub. Nun bin ich auf eine ganz interessante Seite gestoßen, welche Webseiten listet, welche mit Bootstrap umgesetzt worden sind: Built with Bootstrap Warum ich die Idee ganz cool finde & Bootstrap awesome ist …
Kostenlose Icons im Metro Look–Monochrom/Minimalist Icons
Momentan liegt es voll im Trend ein Design mit schlichter eleganz zu entwerfen. Insbesondere das Metro Design, welche Microsoft auf breiter Front in immer mehr Produkten einsetzt, zeigt dies recht deutlich. Natürlich müssen auch passende Icons gefunden werden, daher hier mal einige kostenlose Empfehlungen, welche auch für kommerzielle Projekte genutzt werden können: Bei den nachfolgenden …
Letzte Kommentare