Les actualités du Jeudi 23 juin 2016 dans les métiers du web - Marmits.com - Reims
If you're developing a web-based aplication and are trying to load data from a domain which is not under your control, the chances are that you've seen the following message in your browser's console:
XMLHttpRequest cannot load http://external-domain/service. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://my-domain' is therefore not allowed access.
In this article, we'll look at what causes this error and how we can get around it by using jQuery and JSONP to make a cross-domain Ajax call.
Same-origin Policy
Regular web pages can use the XMLHttpRequest object to send and receive data from remote servers, however they're restricted in what they can do by the same origin-policy. This is an important concept in the browser security model and dictates that a web browser may only allow scripts on page A to access data on page B if these two pages have the same origin. The origin of a page is defined by its protocol, host and port number. For example the origin of this page is 'https', 'www.sitepoint.com', '80'.
The same-origin policy is a saftey mechanism. It prevents scripts from reading data from your domain and sending it to their servers. If we didn't have this, it would be easy for a malicious website to grab your session information to another site (such as Gmail or Twitter) and execute actions on your behalf. Unfortunately, it also causes the error we see above and often poses a headache for developers trying to accomplish a legitimate task.
A failing example
Let's look at what doesn't work. Here's a JSON file residing on a different domain which we would like to load using jQuery's getJSON method.
$.getJSON(
"http://run.plnkr.co/plunks/v8xyYN64V4nqCshgjKms/data-1.json",
function(json) { console.log(json); }
);
If you try that out in your browser with an open console, you will see a message similar to the one above. So what can we do?
A Possible Workaround
Luckily, not everything is affected by the same-origin policy. For example, it is quite possible to load an image or a script from a different domain into your page—this is exactly what you are doing when you include jQuery (for example) from a CDN.
This means that we are able to create a <script> tag, set the src attribute to that of our JSON file and inject it into the page.
var script = $("<script />", {
src: "http://run.plnkr.co/plunks/v8xyYN64V4nqCshgjKms/data-1.json",
type: "application/json"
}
);
$("head").append(script);
Although that works, it doesn't help us much, as we have no way of getting at the data it contains.
Enter JSONP
JSONP (which stands for JSON with Padding) builds on this technique and provides us with a way to access the returned data. It does this by having the server return JSON data wrapped in a function call (the "padding") which can then be interpreted by the browser. This function must be defined in the page evaluating the JSONP response.
Continue reading %jQuery’s JSONP Explained with Examples%
A mockup in PSD featuring beautifully crafted business cards using smart objects, in 16 individual views, where you can add your own designs either back or front, along with infinite arrangement options available as well.
The post Gravity: Business Card PSD Mockup appeared first on ByPeople.
Une bataille de communication serait-elle née ce début de semaine entre les différents navigateurs internet, depuis que Microsoft a publié une étude comparative mettant en avant les performances des différents leaders du secteur ?
If we’ve said it once, we’ve said it a hundred times: you can’t have too many fonts. Different typefaces are like the voices with which an actor speaks; they give you the power of expression, allowing you to invest the content of designs with emotion, mood, and personality. So we know you’re just going to […]
Initiated primarily by developers, the DevOps movement laid the groundwork for more comprehensive software delivery automation practices that gradually matured. Software can now be delivered at will, rather than at planned intervals, hence continuous delivery (CD). Adopting a continuous delivery methodology requires not only a change of mindset but a change of tools, standardization on […]
The post Faster delivery with better quality? Yes, it’s possible appeared first on The Zend Blog.
A l’instar de Samsung qui a le système d’exploitation Tizen en réserve, Huawei voudrait aussi avoir son alternative à Android.
A fast, accessible, and efficient WordPress plugin, developed by a skilled team and designed to analyse and protect your site daily.
The post SecuPress: WordPress Security Plugin appeared first on ByPeople.
Les escrocs n’ont aucun états d’âme et le prouvent une nouvelle fois, avec un faux SMS vraiment malsain surfant sur une actualité chargée dans le domaine du terrorisme.
Les 7 infos de la journée qu’il ne fallait pas manquer.
Tout le monde se souvient du lancement de la liseuse Kindle Oasis d’Amazon il y a quelques semaines. L’entreprise fait à nouveau parler d’elle avec une nouvelle liseuse, qui n’est en réalité qu’une version améliorée de la Kindle de base.
« Plus que dans tout autre domaine, l’expérience client est le facteur décisif du succès d’un logiciel ou une application ». Par Cédric Menager, PDG Intuit France.
Le libre fait bien souvent l’objet… d’objets ! Plus que des Frama-goodies (même si c’est, aussi, un moyen de nous soutenir) ce sont là des projets de longue date qui prennent enfin forme… Au menu des nouveautés, un Framabook, une Framakey … Lire la suite
This jQuery Word and character counter plug-in allows you to count characters or words, up or down. You can set a minimum or maximum goal for the counter to reach. […]
The post jQuery Character and Word counter plugin appeared first on jQuery Rain.
Waffle.io is a project management tool for GitHub which displays real-time updates, pursues a customizable workflow, and offers filtering options among other features.
The post Waffle.io: GitHub Project Management Tool appeared first on ByPeople.
jQuery plugin which can be partially linked to the image.
The post Image Maps jQuery Plugin appeared first on jQuery Rain.
The times when only DIYers resorted to website templates are long gone. Today, more and more developers are using these ready-made solutions to speed up their workflow. Multipurpose website templates are especially in demand, as they provide everything necessary to build sites of any type within a single package. And if you need an extremely […]
The post GIVEAWAY – Extremely Flexible Multipurpose HTML5 Website Template $75 Value, 5 Copies appeared first on Line25.
Ou quand Dropbox sort le grand jeu afin de se distinguer de ses concurrents.
A simple, lightweight drag and drop sorting jQuery plugin.
The post DDSort : jQuery Drag and Drop Sorting appeared first on jQuery Rain.
Le champ carte d'une application WINDEV ou d'un site WEBDEV peut afficher le message "Oops! Something went wrong", à la place de la carte attendue : C'est un changement datant du 22 juin 2016 dans les conditions d'utilisation des API Google Maps qui est à l'origine de cet affichage. Afin de rétablir l'affichage de la carte, Google impose maintenant de spécifier une "clé d'API" pour toutes les interrogations. ...
5 start-up coups de cœur sélectionnées par le Hub Institute
La start-up irlandaise a lancé une entreprise en Chine afin de se déployer dans la principale économie d'Asie.
« Bienvenue dans la Matrice Néo ! » Cette phrase vous l’avez toutes et tous entendue, vous en avez rêvé, ils l’ont fait ! Mais êtes-vous vraiment prêts à entrer dans cette […]
L'article La Réalité Virtuelle, qu’est-ce que c’est, pour quoi faire ? Tour d’horizon ! est la propriété de Géraud sur WebLife - Actualités internet, high-tech & startups.
« Microsoft aime Linux »… et on comprend pourquoi ! Près d’un tiers des machines virtuelles de la plateforme Azure sont exécutées sous Linux.
OW2con'16, la conférence annuelle de la communauté OW2 aura lieu les 21 et 22 septembre.
Bruno Van Ryb est ce que l'on appelle un vieux routier de l'entreprenariat. Après de nombreuses années consacrées...
Craft is InVision’s suite of screen-design tools that lets designers easily add content with a click. Two things designers value in their workflows—speed and data—are efficiently brought into their projects thanks to Craft. Now, Invision is debuting Data within Craft; Data is a free plugin that lets designers pull things like text, images and JSON […]
ProtoPie is a new prototyping tool that doesn’t require any coding. Rather than code, it uses Interaction Pieces to prototype the way an app should work.
Le JDN a rencontré la nouvelle CEO du géant de la réservation d'hôtels pour évoquer les projets du groupe et comment elle appréhende la montée en puissance de certains concurrents.
En direct des Lions de Cannes avec Pascal Cübb, Sunglasses
Voici une liste (censée être exhaustive...) des sociétés rachetées par Google ces dernières années. Difficile à tenir à jour, et peut-être encore plus à interpréter pour comprendre la stratégie globale de Google.
Cet article écrit par Olivier Duffez a été publié sur Liste des 160 acquisitions de Google
Cet article Liste des 160 acquisitions de Google est apparu en premier sur WebRankInfo.
La cartographie du secteur de la Fintech en France.
Pour avoir plus de contenus en VR, YouTube a décidé de former ses créateurs.
Flatpickr is a new plugin built with javascript (zero dependencies) that generates design agnostic datetime pickers to be included in your website or app.
The post Flatpickr: A lightweight javascript datetime picker appeared first on Freebiesbug.
La société californienne développe des outils de communication pour les éditeurs d'applications. Des sociétés comme Uber et Airbnb utilisent ses services.
Aucune activité en ligne n'échappe au Big Data que ce soit sur mobile, tablette, ordinateur, c'est dire la manne d'informations traitées et collectées au service des analystes. Un vrai trésor pour les marketers qui savent comment s'y prendre pour exploiter ces données.
On le savait à moitié mort, il est désormais vraiment mort : le balisage d'auteur (authorship) est définitivement enterré dans le sens où Google déclare reconnaitre l'auteur sans balises spéciales dans le code source.Google reconnait l'auteur d'un contenu sans avoir à étudier le balisage (authorship)Cet article écrit par Olivier Duffez a été publié sur Google […]
Cet article écrit par Olivier Duffez a été publié sur Google reconnait l'auteur d'un contenu sans avoir à étudier le balisage (authorship)
Cet article Google reconnait l'auteur d'un contenu sans avoir à étudier le balisage (authorship) est apparu en premier sur WebRankInfo.
J'ai déjà présenté un site Web appelé &what; qui facilite la vie des développeurs Web en mettant à leur disposition des tableaux de correspondance pour trouver les codes des symboles et des caractères spéciaux qu'il est possible d'utiliser principalement avec les langages HTML et CSS . Ce site est toujours en ligne, mais on le […]
Et pour une fois, il ne s’agit pas d’un record de piratage.
« Libérer l’entreprise, c’est créer les conditions les plus favorables pour la réalisation de la raison d’être profonde de votre organisation ». Par Philippe Pinault cofondateur and PDG talkSpirit & holaSpirit.
SoundCloud a un nouvel algorithme pour vous suggérer des morceaux.
Paris Fintech Forum Le 28 janvier 2016 L’événement international Finance Digitale & Fintech de référence! Money 20/20 Europe Du 4...
Here at Artbees Themes, we’re not big into sugar-coating things. With ourselves or others. So we’ll be blunt–in the world of WordPress Themes there are the ‘haves’ and the ‘have nots’, but it’s not always easily apparent. If you’re not quite sure what to prioritize when shopping for a new theme, the copious lists of […]
The post Lame vs. Kickass WordPress Themes: Take your Pick appeared first on WebAppers.
Sponsors
Comment se développent les Fintech européennes? Eléments de réponse à l'occasion de la conférence ACSEL & Altéir Consulting.
Depuis son lancement, Dropbox a eu le temps d’observer les usages des uns et des autres et c’est une optique d’amélioration continue et de productivité que l’outil propose de nouvelles […]
L'article Dropbox : De nombreuses fonctionnalités déployées dès aujourd’hui est la propriété de Anne sur WebLife - Actualités internet, high-tech & startups.
Dans la perspective des présidentielles, BVA se dote d'un outil d'analyse de tendance sur les réseaux sociaux. Pour mieux comprendre l'influence du Web sur les votes, il va aussi animer sa propre communauté de citoyens.
Instagram, qui vient tout juste de passer la barre du demi-milliard d’utilisateurs actifs, communique sur l’arrivée prochaine d’une fonctionnalité certainement très attendue par les membres du réseau social. A l’instar […]
L'article Instagram : Un bouton de traduction in-app à venir est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
La société, qui emploie 47 salariés, revendique plus de 1 200 clients commerçants, répartis dans dix pays différents.
Facebook, qui vient de déployer les photos à 360° dans le fil d’actu, communique sur l’arrivée d’une nouvelle fonctionnalité concernant les vidéos à 360° et la réalité virtuelle. Concrètement, les […]
L'article Facebook permet le like de vidéos 360° en réalité virtuelle est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups.
«Sur les 60 plateformes que nous signons chaque mois, le marketing digital nous en apporte la moitié», précise la société qui revendique 1,8 million de comptes clients ouverts en deux ans.
Je ne vais pas troller, car je sais à quel point c'est douloureux de perdre ses données. Mais une petite piqure de rappel s'impose. Dans le monde de la presse, il existe une société nommée GLI qui s'occupe de la gestion des abonnements en tant que prestataire pour de nombreux groupes de presse français. Les Echos, le Figaro, > Lire la suite
Cet article merveilleux et sans aucun égal intitulé : La moitié des groupes de presse français viendrait de perdre toute trace de leurs abonnés ; a été publié sur Korben, le seul site qui t'aime plus fort que tes parents.