Databases
StackOverflow2013
Postsdbo
POCannot trigger a click from XMLHttpRequest
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCannot trigger a click from XMLHttpRequest
    primarykey
    data
    text
    <p>I wrote a similar post about this but it was closed for being too localized. After some research and testing, I think I found the source of the problem, and this question should be better explained and hopefully more helpful.</p> <p>Using XMLHttpRequest I need to go to a page, simulate a mouse click, then get some contents. Here is the code I wrote:</p> <pre><code>var sendToLog; var xhr = new XMLHttpRequest(); xhr.open('GET', '/newsfeed-simulator', true); xhr.responseType = 'document'; xhr.onload = function(e) { if (this.status == 200) { var event = xhr.response.createEvent("MouseEvents"); event.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); xhr.response.getElementById("simulate-button").dispatchEvent(event); $(xhr.response).ready(function() { console.log(xhr.response.body); sendToLog = xhr.response.getElementsByClassName("story-score"); }); chrome.extension.sendMessage({writeToLog: sendToLog}); } } xhr.send(); </code></pre> <p>Problem is click event does not work. Tried it also <code>xhr.response.getElementById("simulate-button").click();</code> to no avail.</p> <p>Not sure what is the problem? It should be a straight forward afair: <strong>go to a page, wait for it to load, click a button, wait for it to load again, and then get contents from DOM.</strong></p> <p>Any help would be appreciated it. </p> <p>Thank you in advance </p> <p><strong>EDIT</strong> removed second onload, and added xhr.response. Now it prints the DOM without the mouse click to the console. Still not what I needed but maybe it is a step in the right direction</p> <p><strong>EDIT2</strong>: According to <a href="https://stackoverflow.com/questions/8801570/simulate-a-click-on-a-tag-in-chrome">this</a> post and others, it's better not to use click since it only works in IE. So I edited my code but till doesn't work...bummer</p> <p><strong>EDIT3</strong> As Fabien Quatravaux, the problem here is that the ajax request response is not loaded into the current DOM, so I cannot call out the event (well I can but it won't do anything). So the question is how can I using xmlhttprequest, go to a page using, fire an event and then get the resulting DOM?? Thank you again Fabien for pointing this out.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USShane
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCannot trigger a click from XMLHttpRequest
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAre you trying to fire an event on the ajax response body, as if it was loaded into the DOM ? Stop me if I'm wrong, but the ajax request response is not loaded into the current DOM, so you cannot execute scripts on it, event if it has been parsed as a document. Take a look at the [XMLHttpRequest spec](http://www.w3.org/TR/XMLHttpRequest/#document-response-entity-body) : point 5-4 says "with scripting disabled";
      singulars
      1. POCannot trigger a click from XMLHttpRequest
      1. USFabien Quatravaux
    2. COWow I think you are correct, thanks for clarifying this!! Do you know if a way go to a page using xmlhttprequest, fire an event and then get the resulting DOM? My way of doing this is clearly not the correct one.
      singulars
      1. POCannot trigger a click from XMLHttpRequest
      1. USShane
    3. COI think you are not looking into the right direction. You are trying to use a peace of code (the javascript that lives on this html page you are pointing to) that you do not control and that has not been written to do want you want. Instead, you should figure out what this button (or event) is doing, and just do the same. Perhaps the button you want to click is sending a request to a server, perhaps it is just unhiding an HTML node already present on the page, ... Look at the event handler code of that page and try to do the same (take care to cross domain issues).
      singulars
      1. POCannot trigger a click from XMLHttpRequest
      1. USFabien Quatravaux
 

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