Databases
StackOverflow2013
Postsdbo
POHow to go to a page, click a button and then get it's DOM
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to go to a page, click a button and then get it's DOM
    primarykey
    data
    text
    <p>I am writing a script in javascript/jquery that once executed must go a sub-page, click on a button and then get the DOM of that resulting page. After which I can just do some manipulation and get some needed data. </p> <p>After some digging around I wrote this script: </p> <pre><code>var pageDOM = null; var xhr = new XMLHttpRequest(); xhr.overrideMimeType('text/xml'); xhr.open('GET', '/newsfeed-simulator', true); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { pageDOM = xhr.responseXML; pageDOM.getElementById("simulate-button").click(); } }; xhr.send(null); </code></pre> <p>With this script, I can access the required sub-page but xhr.responseXML always returns null. I googled and added <code>xhr.overrideMimeType('text/xml');</code> but it still doesn't work. The weird thing is that <code>xhr.responseText;</code> works fine.</p> <p>Not sure whats wrong, it should be a straight forward task? Any ideas/comments/suggestions on how to fix this problem?</p> <p>Best,</p> <p>P.S.: It's first post here, so hi :D</p> <p><strong>EDIT1</strong> newsfeed-simulator is basically a page with a button that I need to click. Once clicked the page is loaded with elements, which then I can use to get some data. </p> <p><strong>EDIT2</strong> After a few hours of googling I came up with this</p> <pre><code>var xhr = new XMLHttpRequest(); xhr.open('GET', '/newsfeed-simulator', true); xhr.responseType = 'document'; xhr.onload = function(e) { if (this.status == 200) { console.log(xhr.response) xhr.response.getElementById("simulate-button").click(); console.log(xhr.response.body) } }; xhr.send(); </code></pre> <p>Using XMLHttpRequest2 I can now get the source easily (as a document and not a text) and not get a null. Problem is (as charlietfl hinted) <code>xhr.response.getElementById("simulate-button").click();</code>is not working correctly. I.E. I am getting the body of the DOM without the button being clicked on. Any ideas how can I simulate a mouseClick, cuz my way is not working?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USShane
    1. USShane
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POHow to go to a page, click a button and then get it's DOM
      1. This table or related slice is empty.
      1. VTClose
    2. VO
      singulars
      1. POHow to go to a page, click a button and then get it's DOM
      1. This table or related slice is empty.
      1. VTClose
    1. COyour click concept won't work regardless. You will have to parse the url you want from the xml and redirect using `window.location`
      singulars
      1. POHow to go to a page, click a button and then get it's DOM
      1. UScharlietfl
    2. COCan you post what newsfeed-simulator returns?
      singulars
      1. POHow to go to a page, click a button and then get it's DOM
      1. USlmortenson
    3. CO@charlietfl, can you further expand on your answer please? I am a newbie to javascript, just started programming in this language a few hours ago :)
      singulars
      1. POHow to go to a page, click a button and then get it's DOM
      1. USShane
 

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