Chrome does not support localhost for CORS requests (a bug opened in 2010, marked WontFix in 2014). To get around this you can use a domain like localho.st (which points at 127.0.0.1 just like localhost) or start chrome with the –disable-web-security flag (assuming you’re just testing).
One trick you can use to increase the number of concurrent connections is to host your images from a different sub domain. These will be treated as separate requests, each domain is what will be limited to the concurrent maximum. IE6, IE7 – have a limit of two. IE8 is 6 if you have a … Read more
You don’t. The server you are making the request to has to implement CORS to grant JavaScript from your website access. Your JavaScript can’t grant itself permission to access another website.
Access-Control-Allow-Origin Multiple Origin Domains?
Handling CORS requests properly is a tad more involved. Here is a function that will respond more fully (and properly). /** * An example CORS-compliant method. It will allow any GET, POST, or OPTIONS requests from any * origin. * * In a production environment, you probably want to be more restrictive, but this gives … Read more
I wrote an article on this issue a while back, Cross Domain AJAX. The easiest way to handle this if you have control of the responding server is to add a response header for: Access-Control-Allow-Origin: * This will allow cross-domain Ajax. In PHP, you’ll want to modify the response like so: <?php header(‘Access-Control-Allow-Origin: *’); ?> … Read more
For the record, as far as I can tell, you had two problems: You weren’t passing a “jsonp” type specifier to your $.get, so it was using an ordinary XMLHttpRequest. However, your browser supported CORS (Cross-Origin Resource Sharing) to allow cross-domain XMLHttpRequest if the server OKed it. That’s where the Access-Control-Allow-Origin header came in. I … Read more
You need to check for status 0 (as when loading files locally with XMLHttpRequest, you don’t get a status returned because it’s not from a Webserver) function readTextFile(file) { var rawFile = new XMLHttpRequest(); rawFile.open(“GET”, file, false); rawFile.onreadystatechange = function () { if(rawFile.readyState === 4) { if(rawFile.status === 200 || rawFile.status == 0) { var … Read more
The code below demonstrates on how to do this. var http = new XMLHttpRequest(); var url=”get_data.php”; var params=”orem=ipsum&name=binny”; http.open(‘POST’, url, true); //Send the proper header information along with the request http.setRequestHeader(‘Content-type’, ‘application/x-www-form-urlencoded’); http.onreadystatechange = function() {//Call a function when the state changes. if(http.readyState == 4 && http.status == 200) { alert(http.responseText); } } http.send(params); In … Read more
How can I upload files asynchronously with jQuery?