Cross-domain XMLHttpRequest

Cross-domain XMLHttpRequest

• Requests are always asynchronous
• there's a ontimeout event handler, which fires when the request exceeds a timeout value in milliseconds specified in the timeout property of the object, since the remote server can be offline. Defaults to 10000 ms

addEventListener('load',function(){

  var b = document.getElementById('opera-xmlhttp-test');
  if( !b || !(b instanceof HTMLBodyElement) )
    return;

  var xmlhttp = new opera.XMLHttpRequest();

  xmlhttp.onreadystatechange = function(){
    var s = ''+this+'\n';
    s += 'status: '+this.status+'\n';
    s += 'statusText: '+this.statusText+'\n\n';
    s += 'allheaders: '+this.getAllResponseHeaders()+'\n\n';
    s += 'responseText: '+this.responseText+'\n\n';
    s += 'responseXML: '+xml(this.responseXML)+'\n\n';
    document.getElementById('t'+this.readyState).value = s;
  }
  xmlhttp.onload = function(){
    document.getElementById('fff').style.display = '';
  }
  
  xmlhttp.open('GET','http://www.opera.com/',true);
  xmlhttp.send('a=b&c=d');

},false);

Originally posted by jidixuelang:

I did't see any result but a white pane.

addEventListener('load',function(){

  var b = document.getElementById('opera-xmlhttp-test');
  if( !b || !(b instanceof HTMLBodyElement) )
    return;

  function xml(node){
      return (node && node.nodeType) ? new XMLSerializer().serializeToString(node):'('+node+')';
  }
  var xmlhttp = new opera.XMLHttpRequest();

  xmlhttp.onreadystatechange = function(){
    var s = ''+this+'\n';
    s += 'status: '+this.status+'\n';
    s += 'statusText: '+this.statusText+'\n\n';
    s += 'allheaders: '+this.getAllResponseHeaders()+'\n\n';
    s += 'responseText: '+this.responseText+'\n\n';
    s += 'responseXML: '+(xml(this.responseXML))+'\n\n';
    document.getElementById('t'+this.readyState).value = s;
  }
  xmlhttp.onload = function(){
    document.getElementById('fff').style.display = '';
  }
  
  xmlhttp.open('GET','http://www.opera.com/',true);
  xmlhttp.send('a=b&c=d');

},false);

GM_xmlhttpRequest = function(options) {
  var request = new opera.XMLHttpRequest(), validEvents = { onload: null, onerror: null, onreadystatechange: null };
  
  function addXMLHttpRequestListener(request, eventName, callback) {
    request[eventName] = function(event) {
      var responseDetails = {
        responseText: request.responseText
        ,readyState: request.readyState
        ,responseHeaders: (request.readyState == 4 ? request.getAllResponseHeaders() : '')
        ,status: request.readyState == 4 ? request.status : 0
        ,statusText: request.readyState == 4 ? request.statusText : ''
      };
      callback.call(null, responseDetails);
    }
  }

  // add event listeners
  for (var eventName in validEvents) {
    if (options[eventName])
      addXMLHttpRequestListener(request, eventName, options[eventName]);
  }

  // open the connection
  request.open(options.method, options.url, true);

  // set the headers
  for (var header in options.headers) {
    request.setRequestHeader(header, options.headers[header]);
  }
  
  // send the data
  request.send(options.data);
  return request;
}

javascript:void(GM_xmlhttpRequest({method: 'GET',url: 'http://virtuelvis.com/archives/2005/12/cross-document-messaging', onload: function(r) {alert(r.responseText)}}))

Originally posted by splondike:

I wonder, is your userJS ready/secure enough for prime time? I have an interesting (partially implemented) idea, and i'd like to put it into action

Originally posted by SolarAngel:

Should there be communication or not is the question?

Requests are always asynchronous

Originally posted by SolarAngel:

Was thinking to use your approach, but now I was unable to run in in first place I gave up in first 10 minutes. But maybe I will need it for next task I need to acomplish, ...

Originally posted by SolarAngel:

while(this.msgResponse==null){};

Originally posted by xErath:

Place both file in your userjs folder.In any other User Script, do var foo = new opera.XMLHttpRequest();, and use foo at will.

Originally posted by xErath:

Originally posted by SolarAngel:while(this.msgResponse==null){};This can't work for a very simple reason. Javascript always executes in a single thread, to prevent concurrent access to resources.So your script blocks competely, in that cicle.The proper way is to listen for the postMessage event.

Originally posted by SolarAngel:

Can I set listener for 'load' on IFRAME that is cross domain,

[domain1] (framesets/no body)
+-Frame1 (hm not even sure on what domain and what it does LOL, invisible)
+-Frame2 [domain2] framesets/no body - loads my UserJS, all other page on this domain)
  +-Frame2.Frame1 (left menu)
  | +- Frame2.Frame1.IFRAME ([FAKE domain3] Data Storage)
  +-Frame2.Frame2 (site content, pages, ...)

Originally posted by SolarAngel:

ok will try this id I don't make it in 20 minutes I will leave and try your Asynchronious Cross Domain XMLHTTP could I make it run, with my code (by just replacing it in Sack class) cu l4t3r

s=document.createElement('script');s.setAttribute('declare', 'declare');s.src='http://example.org';this.responseText=s.text;

Originally posted by Stoen:

What does the declare attribute do wrt a script element?

Originally posted by Stoen:

Using a script element as Hallvord suggested doesnt seem to work unless the script is added to DOM

Originally posted by xErath:

I delays the script execution. When to, I don't know. Ask Hallvord.

Originally posted by xErath:

Nice try Hallvord but the text inside the script element will remain empty.

Originally posted by Stoen:

What does the declare attribute do wrt a script element?

(function mySpace_gmUpdate() {
  GM_xmlhttpRequest({
    method: 'GET',
    url: 'http://home.myspace.com/index.cfm?fuseaction=user',
    headers: {
      'User-Agent': 'Opera/' + opera.version() + ' (Greasemonkey emulation)',
      Accept: 'text/xml'
    },
    onload: function(responseDetails) {
      // Update Message/Friend Request/etc indicators
      GM_log('response = ' + responseDetails.responseText);
      var html = responseDetails.responseText.replace(/[\n\r]/g,''), i, a;
      while((a=/id="(\w+)" class="show/g.exec(html))!=null) {
        for(i=1;i<a.length;i++){
          document.getElementById(a[i]).style.display = "block";
        }
      }
      RegExp.lastIndex=0;
      while((a=/id="(\w+)" class="hide/g.exec(html))!=null) {
        for(i=1;i<a.length;i++){
          document.getElementById(a[i]).style.display = "none";
        }
      }
    }
  });
  setTimeout(mySpace_gmUpdate, 15000);
})();

function GM_xmlhttpRequest(options) {
  var request = new opera.XMLHttpRequest(),
      validEvents = { onload: null, onerror: null, onreadystatechange: null };
  
  function addXMLHttpRequestListener(request, eventName, callback) {
    request[eventName] = function(event) {
      var responseDetails = {
        responseText: request.responseText
        ,readyState: request.readyState
        ,responseHeaders: (request.readyState == 4 ? request.getAllResponseHeaders() : '')
        ,status: request.readyState == 4 ? request.status : 0
        ,statusText: request.readyState == 4 ? request.statusText : ''
      };
      callback.call(null, responseDetails);
    }
  }
  
  for (var eventName in validEvents) {
    if (options[eventName])
      addXMLHttpRequestListener(request, eventName, options[eventName]);
  }
  
  request.open(options.method, options.url, true);
  
  for (var header in options.headers) {
    GM_log('options.headers[' + header + '] = ' + options.headers[header]);
    request.setRequestHeader(header, options.headers[header]);
  }
  
  request.send(options.data);
}

JavaScript // debug 
  Unknown thread
  options.headers[User-Agent] = Opera/9.20 (Greasemonkey emulation)
JavaScript - http://home.myspace.com/index.cfm?fuseaction=user&Mytoken=hvarpy,iamaFearkthx
  User Javascript thread
  Error:
  Unhandled exception: [Object InternalException]
  code: 7
  message: WRONG_THIS_ERR
  Backtrace:
    Line 345 of User JS script 
      XMLHttpRequest_setRequestHeader(request, hdr, val);
    Line 136 of User JS script 
      request.setRequestHeader(header, options.headers[header]);
    ...
    removed lots of repeated code from above

Originally posted by fearphage:

Anyone successfully use request.setRequestHeader? I keep getting the WRONG_THIS_ERR

Originally posted by d.i.z.:

Your calling xml() function that is nowhere to be seen.

Originally posted by yankeeCGN:

I have 2 problems:1. one seems to be the same one that fearphage is dealing with: Calling setRequestHeader does not work. But at least there is an error message so I might be able to figure out the problem.

JavaScript - <myURL>
Event thread: load
Unhandled exception: "opera.StackTrace module required for opera.XMLHttpRequest module"

Error:
name: TypeError
message: Statement on line 97: Cannot convert undefined or null to Object
Backtrace:
  Line 97 of User JS script : In function resetFunctionsCall
    		setTimeout.call = parseInt.call = postMessage.call = opera_addEventListener.call =
  Line 325 of User JS script : In function XMLHttpRequestCD
    			resetFunctionsCall();
  Line 264 of User JS script : In function addadvedit_load
                    var xmlHttp = new opera.XMLHttpRequest();

Originally posted by Jan_Rei:

Does this script still work as intended in Opera 9.5?