/*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
} 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();
} // 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);
}
};
}
}
To collect a group of elements, we pass the selector to the jQuery function using…
jQuery is a lightweight, "write less, do more", JavaScript library. The purpose of jQuery is…
HTML:- [crayon-693690cb8463d338727082/] CSS:- [crayon-693690cb8464a801279735/] JavaScript:- [crayon-693690cb8464c844969876/]
Prevent users typing special characters in text box, textarea, etc. [crayon-693690cb8487b500868266/] ^[a-zA-Z]+$ Alphabets ^[a-zA-Z\s]+$ Alphabets…
Any interactive web site has form input - a place where the users input different…
[crayon-693690cb85130495515144/]