Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Okay this is what I have come up with so far:</p> <pre><code>&lt;script type='text/javascript'&gt; var s_ajaxListener = new Object(); s_ajaxListener.tempOpen = XMLHttpRequest.prototype.open; s_ajaxListener.tempSend = XMLHttpRequest.prototype.send; s_ajaxListener.callback = function () { // this.method :the ajax method used // this.url :the url of the requested script (including query string, if any) (urlencoded) // this.data :the data sent, if any ex: foo=bar&amp;a=b (urlencoded) } XMLHttpRequest.prototype.open = function(a,b) { if (!a) var a=''; if (!b) var b=''; s_ajaxListener.tempOpen.apply(this, arguments); s_ajaxListener.method = a; s_ajaxListener.url = b; if (a.toLowerCase() == 'get') { s_ajaxListener.data = b.split('?'); s_ajaxListener.data = s_ajaxListener.data[1]; } } XMLHttpRequest.prototype.send = function(a,b) { if (!a) var a=''; if (!b) var b=''; s_ajaxListener.tempSend.apply(this, arguments); if(s_ajaxListener.method.toLowerCase() == 'post')s_ajaxListener.data = a; s_ajaxListener.callback(); } &lt;/script&gt; </code></pre> <p><strong>DIRECTIONS:</strong> </p> <p>Just c/p this onto your page or include it in a .js file or whatever. This will create an object called s_ajaxListener. Whenever an AJAX GET or POST request is made, s_ajaxListener.callback() is called, and the following properties are available:</p> <p><strong>s_ajaxListener.method</strong> : The ajax method used. This should be either GET or POST. NOTE: the value may not always be uppercase, it depends on how the specific request was coded. I'm debating the wisdom of automatically upper-casing it or leaving it to something else to toLowerCase() for a case-insensitive comparison.</p> <p><strong>s_ajaxListener.url</strong> : The url of the requested script (including query string, if any) (urlencoded). I have noticed, depending on how the data is sent and from which browser/framework, for example this value could end up being as " " or "+" or "%20". I am debating the wisdom of decoding it here or leave it to something else. </p> <p><strong>s_ajaxListener.data</strong> : the data sent, if any ex: foo=bar&amp;a=b (same 'issue' as .url with it being url-encoded)</p> <p><strong>NOTES:</strong></p> <p>As it stands, <strong>this is not IE6 compatible</strong>. this solution is not quite good enough for me, as I want it to be IE6 compatible. But since a lot of other people don't care about IE6, I decided to post my solution in its current state, as it should work for you if you don't care about IE6. </p> <p><strong>I have tested this in</strong> (as of this posted date): Current Safari, Current Chrome, Current FireFox, IE8, IE8 (IE7 Compatible). It doesn't currently work with IE6 because IE6 uses an ActiveX object, while virtually everything else uses XMLHttpRequest. </p> <p>Right now I don't have any clue how to, well basically prototype/extend/overload (?) ActiveXObject("Microsoft.XMLHTTP"). This is what I am currently researching...does anybody know offhand?</p> <p>Under each of the browsers I tested above, this works with AJAX requests from a generic object, and also from the jquery and prototype frameworks. I know there are other frameworks out there, but IMO these 2 are the major ones. I might possibly QA MooTools, but other than that, I'm fine with only testing those. </p> <p>If Anybody wants to contribute by testing and posting results about other browsers and/or frameworks, it would be appreciated :)</p>
    singulars
    1. This table or related slice is empty.
    1. POJavaScript detect an AJAX event
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCrayon Violent
    1. USCrayon Violent
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJavaScript detect an AJAX event
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou could define a wrapper function for IE6, like [Sarissa](http://dev.abiss.gr/sarissa/) does; have a look at [Re-inventing XMLHttpRequest](http://www.ilinsky.com/articles/XMLHttpRequest/) to see how this can be done (I don't have the time now). You [can't extend](http://stackoverflow.com/questions/594428/how-can-i-add-properties-to-an-object-in-ie6/594460#594460) an ActiveX object, but you can extend your own wrapper function that simply emulates the needed properties. I think most libraries test for the presence of `window.XMLHttpRequest` and your wrapper object will be detected.
      singulars
      1. PO
      1. USMarcel Korpel
    2. COAlso note that IE8 in IE7 compatibility mode ≠ IE7. I suspect that the `XMLHttpRequest` object is one of the things that differ: in IE7 it seems to be merely a wrapper function over an ActiveX component, whereas in IE8 it may be implemented as a 'real' XHR object.
      singulars
      1. PO
      1. USMarcel Korpel
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload