-
-
Save ssokolow/456777 to your computer and use it in GitHub Desktop.
Simple cross-domain XHR boilerplate for Chrome extensions. Modified to be more useful for POST
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="xhrproxy.js"></script> | |
| <script> | |
| setupXHRProxy(); | |
| </script> | |
| </head> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ... | |
| proxyXHR({ | |
| method: 'GET', | |
| url: 'http://bar.com/external.js', | |
| onComplete: function(status, data) { | |
| if (status == 200) { | |
| alert(data); | |
| } else { | |
| alert("HTTP Error " + status + " while retrieving data."); | |
| } | |
| } | |
| }); | |
| ... |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ... | |
| "background_page": "background.html", | |
| "content_scripts": [ | |
| { | |
| "matches": ["http://foo.com/*"], | |
| "js": ["xhrproxy.js", "content-script.js"] | |
| } | |
| ], | |
| "permissions": [ | |
| "http://bar.com/" | |
| ] | |
| ... |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var XHR_PROXY_PORT_NAME_ = 'XHRProxy_'; | |
| /** | |
| * Should be called by the background page. | |
| */ | |
| function setupXHRProxy() { | |
| chrome.extension.onConnect.addListener(function(port) { | |
| if (port.name != XHR_PROXY_PORT_NAME_) | |
| return; | |
| port.onMessage.addListener(function(xhrOptions) { | |
| var xhr = new XMLHttpRequest(); | |
| xhr.open(xhrOptions.method || "GET", xhrOptions.url, true); | |
| xhr.onreadystatechange = function() { | |
| if (this.readyState == 4) { | |
| port.postMessage({ | |
| status: this.status, | |
| data: this.responseText, | |
| xhr: this | |
| }); | |
| } | |
| } | |
| if (xhrOptions.data) { | |
| xhr.setRequestHeader("Content-type", xhrOptions.contentType); | |
| xhr.send(xhrOptions.data); | |
| } else { | |
| xhr.send(); | |
| } | |
| }); | |
| }); | |
| } | |
| /** | |
| * Should be called by the content script. | |
| */ | |
| function proxyXHR(xhrOptions) { | |
| xhrOptions = xhrOptions || {}; | |
| xhrOptions.onComplete = xhrOptions.onComplete || function(){}; | |
| xhrOptions.contentType = xhrOptions.contentType || 'application/x-www-form-urlencoded'; | |
| var port = chrome.extension.connect({name: XHR_PROXY_PORT_NAME_}); | |
| port.onMessage.addListener(function(msg) { | |
| xhrOptions.onComplete(msg.status, msg.data, msg.xhr); | |
| }); | |
| port.postMessage(xhrOptions); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment