systemxhr: cross-domain xmlhttprequests

19
systemXHR cross domain XMLHttpRequests

Upload: aniruddha-adhikary

Post on 15-Jan-2015

334 views

Category:

Technology


1 download

DESCRIPTION

How to use SystemXHR on Firefox OS

TRANSCRIPT

Page 1: SystemXHR: cross-domain XmlHttpRequests

systemXHRcross domain XMLHttpRequests

Page 2: SystemXHR: cross-domain XmlHttpRequests

XMLHttpRequestprovides an easy way to retrieve data from a URL without having to do a full page refresh

Page 3: SystemXHR: cross-domain XmlHttpRequests

Yes, I meant

AJAX

Page 4: SystemXHR: cross-domain XmlHttpRequests

Transporting messages inweb based

chat

Page 5: SystemXHR: cross-domain XmlHttpRequests

showing

live data

Page 6: SystemXHR: cross-domain XmlHttpRequests

behind almost every spinner

Page 7: SystemXHR: cross-domain XmlHttpRequests

var request = new XMLHttpRequest();

request.onload = function() {console.log(this.responseText);

};

request.open("get", "yourFile.txt", true);

request.send();

Page 8: SystemXHR: cross-domain XmlHttpRequests

my-own-server.com

Page 9: SystemXHR: cross-domain XmlHttpRequests

other-dudes-server.com

Page 10: SystemXHR: cross-domain XmlHttpRequests

This “feature” has a fancy name =

same origin security policy

Page 11: SystemXHR: cross-domain XmlHttpRequests

You cannot access a different domain unless

CORSis enabled by the server administrator

Page 12: SystemXHR: cross-domain XmlHttpRequests

firefox os fixes this by adding support for

systemXHR

Page 13: SystemXHR: cross-domain XmlHttpRequests

var request = new XMLHttpRequest();

request.onload = function() {console.log(this.responseText);

};

request.open("get", "yourFile.txt", true);

request.send();

Page 14: SystemXHR: cross-domain XmlHttpRequests

var request = new XMLHttpRequest({mozSystem: true

});

Page 15: SystemXHR: cross-domain XmlHttpRequests

• Privileged App• systemXHR permission

Requirements

Page 16: SystemXHR: cross-domain XmlHttpRequests

{ "name": "My App", "description": "My elevator pitch goes here", "launch_path": "/index.html", "icons": { "128": "/img/icon-128.png" }, "developer": { "name": "Your name or organization", "url": "http://your-homepage-here.org" }}

Page 17: SystemXHR: cross-domain XmlHttpRequests

{ "name": "My App", "description": "My elevator pitch goes here", "launch_path": "/index.html", "icons": { "128": "/img/icon-128.png" }, "developer": { "name": "Your name or organization", "url": "http://your-homepage-here.org" },

}

"type": "privileged", "permissions": { "systemXHR": "for fetching data from..."

}

Page 18: SystemXHR: cross-domain XmlHttpRequests

any-dudes-server.com

Page 19: SystemXHR: cross-domain XmlHttpRequests

WARNINGUnauthorized use of copyrighted material

without permission of copyright holders is highly discouraged, and you might get sued

as well.