html - Why do I get XMLHTTPRequest error on the following JavaScript code? -
i trying native javascript , requesting html page using following js code, why return (in chrome) following?
xmlhttprequest cannot load /live-examples/temp.html. no 'access-control-allow-origin' header present on requested resource. origin 'null' therefore not allowed access.
the code using follows:
var sendrequest = (function(){ // private member variables var readystate = { unsent : 0, opened : 1, headers_recived : 2, loading : 3, done : 4 } var status = { success : 200, not_modified : 304 } // private member methods function getdata(callback){ var xhr = getxhr(); if(!xhr){ console.log('unable create xhr object.') return false; } // test readystate if(xhr.readystate !== readystate.done) return; if(xhr.status === status.success && xhr.status !== status.not_modified){ callback(xhr.responsetext); } } function getxhr(){ var xmlhttplist = [ function(){ return new xmlhttprequest(); }, function(){ return activexobject("msxml2.xmlhttp"); }, function(){ return activexobject("microsoft.xmlhttp"); } ], xhr; for(var = 0; < xmlhttplist.length; i++){ try{ xhr = xmlhttplist[i]; break; }catch(e){ continue; } } return xhr(); } return function(url, callback, postdata){ var xhr = getxhr(); if(!xhr) return; var method = (postdata) ? 'post' : 'get'; xhr.open(method, url, true); xhr.setrequestheader('content-type','application/x-www-form-urlencoded'); xhr.onreadystatechange = getdata(callback); xhr.send(postdata); }; })(); function dealwithresponse(response){ // response xhr request console.log('success response: ' + response); } // cross origin request error. $(function(){ document.getelementbyid('myid').onclick = function(){ sendrequest('/live-examples/temp.html', dealwithresponse, 'get'); } });
html code within body follows:
<button id="myid">i have button!</button>
i checked the file 'temp.html' exist.
i in code trying show simple ajax call using native javascript in talk due present.
many in advance, quinton :)
you need use http when want access data using xmlhttprequest object.
Comments
Post a Comment