I am new to AJAX and XML. I was trying to extract XML date from this site however the getElementById('FIRSTNAME') return null, what is the correct code?
Below is the code I use
<!DOCTYPE html>
<html>
<body>
<button id="ajaxButton" type="button">Make a request</button>
<script>
(function() {
var httpRequest;
document.getElementById("ajaxButton").addEventListener('click', makeRequest);
function makeRequest() {
httpRequest = new XMLHttpRequest();
if (!httpRequest) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
httpRequest.onreadystatechange = alertContents;
httpRequest.open('GET', 'http://www.example.com/sqlrest/CUSTOMER/18/');
httpRequest.send();
}
function alertContents() {
if (httpRequest.readyState === XMLHttpRequest.DONE) {
if (httpRequest.status === 200) {
alert(httpRequest.responseText);
} else {
alert(httpRequest.status);
alert(getElementById('FIRSTNAME'));
}
}
}
})();
</script>
</body>
</html>
[edited by: phranque at 11:09 pm (utc) on Jun 1, 2017]
[edit reason] disabled graphic smile faces [/edit]
