Ajax response html

Code:



var id = '10' //<--- change the id
$.get('/u' + id , function (e) {
     
        console.log(e); //<--- all html tree
    });



since e is a html but we can not not user getelementbyid, getelementbyclass .. etc.

Is anyway we can use those functions to get the value ??

$.get is from jquery library is a shorthand of XMLHttpRequest, also it's not possible use directly javascript for catch elements

https://xhr.spec.whatwg.org/


if you learn call data with XMLHttpRequest pure, it is possible use javascript pure or vanilla

you can do this:

Code:


var id = '104367';
$.get('/u' + id , function (e) {
    var document = $('#wrap', e)[0];
  b = document.innerHTML;
c= document.getElementsByClassName('panel')[0].textContent;
    console.log('panel html: '+ c);
});


ok, with javascript:

Code:


function loadDoc(url, cfunc) {
    var xhttp;
    xhttp=new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            cfunc(this);
        }
    };
    xhttp.open("GET", url, true);
    xhttp.responseType = 'document';
    xhttp.send();
}

function ajaxsetup(xhttp) {
 AjaxDocument = xhttp.responseXML;// <--- document
   
}



now called:

Code: loadDoc('URL', ajaxsetup);

try

Code:  loadDoc('/profile?mode=editprofile&page_profil=friendsfoes', ajaxsetup);

use this way:

Code: AjaxDocument.getElementsByClassName('panel')[0].innerHTML;

Thanks Ch@lo Valdez

let me try which one is better

Thanks Ch@lo Valdez again

both work fine, the first one is simpler, the second one í more formal ..