|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
/*Usage * var request = getHTTPObject(); * if(request){ * AJAX CODE HERE * } * * If getHTTPObject returns false, the browser isn't Ajax compatible. The if * statement checks to see if it exists, then runs the code. */ function getHTTPObject() { var xhr = false;//set to false, so if it fails, do nothing if(window.XMLHttpRequest) {//detect to see if browser allows this method var xhr = new XMLHttpRequest();//set var the new request } else if(window.ActiveXObject) {//detect to see if browser allows this method try { var xhr = new ActiveXObject("Msxml2.XMLHTTP");//try this method first } catch(e) {//if it fails move onto the next try { var xhr = new ActiveXObject("Microsoft.XMLHTTP");//try this method next } catch(e) {//if that also fails return false. xhr = false; } } } return xhr;//return the value of xhr } |
|
1 2 3 4 5 6 7 8 9 10 |
function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "ajax_info.txt", true); xhttp.send(); } |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// Get file function grabFile(file) { var request = getHTTPObject(); //GET if (request) { request.open('GET', file, true); request.send(null); request.onreadystatechange = function(){ if (request.readyState != 4) return false; if (request.status == 200 || request.status == 304) { console.log(request.responseText); } }; } } |