AJAX (Asyncronous JavaScript and XML)

-
AJAX (Asyncronous JavaScript and XML) AJAX stands for Asynchronous JAvascript and XML in AJAX, we can make requests tyo change the web page contents by small parts and not the complete web page. The class is XMLHTTPRequest 

let xml = new XMLHttpRequest();
xml.onreadystatechange = function() {
if(this.readyState  == 4 && this.status == 200) {
	document.getElemntById("demo").innerHTML = this.responseText;
}
xml.open("GET","ajax_info.txt",true);
xml.send();
}


To make an ajax call using jQuery, we can write $.ajax({ data: $(document.forms[0]).serialize(), url: "http://www.w3schools.com", method: "GET" }). success(function(response) { $("#result").html(response); }). error(function(error) { $("#result").html(error); });

Comments

Post a Comment

Popular posts from this blog

FTP, cURL and Linux Intro

-
FTP, cURL and Linux Intro FTP(FIle Transfer Protocol) The FTP protocol consists of two connections Control connection Data Connection The control connection is run on port 23 and it authorizers and authenticates the client and the server after both the client and server are authenticated, The data ia sent over port 21 on the data connection After the file is uploaded or any other file operation is performed the data connection is closed After the data connection is closed, the control connection is closecd CURL CURL stands for Connect URL (Uniform Resource Locator).It is used my most Operations now-a-dayssince it s simplicity, reliabily and multitasking. The few operating systems which have support of installing CURL are Windows 10, Windows11 ,Linux,etc. Let us take an example to see how CURL works Steps: ...
Read more

Introduction to React.js | Props and Functional Components Advanced

-
Introduction to React.js | Props and Functional Components Advanced Some important points: To pass objects o1 and o2 from one component tyo another: <ParentComponent> <ChildComponent o1={v1} o2={v2} /> </ParentComponent> Here, o1 and o2 are accessed in the child component as "this.props.o1" and "this.props.o2" To cfreate code treusability and prevent error propagation whilst usiung thje features of unit tetsing, use functional components which take one or more argumenyts as props. For example, to define three buttons using the same set of code, function button(props) { return ( {this.props.color} ) }; export default button;
Read more

Regular Expressions in JavaScript

-
Regular Expressions in JavaScript Implemeneting regular expressions in Javascript: use str.replace(/[0-9]/gi,"a"); if th estr contains ab09, then the above function will return str=abaa Every regular expression has two properties:- g - It specifies that all the matching characters should be replaced. If g is not soecified ponly the first matching charcter will be replaced i - The i stands for ignore case i.e.if the regular experession is /[a-c]/i,"d" the the str="aAbBcC" will be transforemed to str= "dddddd" Both the lowercase and upperecase characters will be transformed. If i is not psecified, on.ly the lowercase charcaters will be transformed. for example, if regularn expression in /[a-c]/, the the string will become "dAdBdC" .
Read more