✨JAVASCRIPT WITH AJAX AND JASON…😍💯

4 min readJun 25, 2021

🔰What is Javascript ??

JavaScript is a dynamic computer programming language.It is lightweight and most commonly used as a part of web pages, whose implementations allow client-side script to interact with the user and make dynamic pages.

💢Features of Javascript :

JavaScript is a lightweight, interpreted programming language.
Designed for creating web applications.
Integrated with Java and Html.
Open and cross-platform

💢Advantages of Javascript :

Less server interaction
Immediate feedback to the visitors
Increased interactivity
Richer interfaces

💢Syntax for Javascript :

JavaScript can be implemented using JavaScript statements that are placed within the <script>… </script> HTML tags in a web page.

<script ...>
JavaScript code
</script>

🔰What is AJAX ??

AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and Java Script.

💢Some uses of AJAX :

In Ajax Conventional web applications transmit information to and from the sever using synchronous requests. It means you fill out a form, hit submit, and get directed to a new page with new information from the server.
A user can continue to use the application while the client program requests information from the server in the background.
XML is commonly used as the format for receiving server data, although any format, including plain text, can be used.

💢AJAX :- XMLHttpRequest

The XMLHttpRequest object is the key to AJAX. XMLHttpRequest (XHR) is an API that can be used by JavaScript, JScript, VBScript, and other web browser scripting languages to transfer and manipulate XML data to and from a webserver using HTTP, establishing an independent connection channel between a webpage’s Client-Side and Server-Side.

The data returned from XMLHttpRequest calls will often be provided by back-end databases. Besides XML, XMLHttpRequest can be used to fetch data in other formats, e.g. JSON or even plain text.

🔰What is JASON ??

JSON stands for JavaScript Object Notation
JSON is a lightweight data-interchange format
JSON is plain text written in JavaScript object notation
JSON is used to send data between computers
JSON is language independent

💢Why We Use JSON ??

The JSON format is syntactically similar to the code for creating JavaScript objects. Because of this, a JavaScript program can easily convert JSON data into JavaScript objects.

JavaScript has a built in function for converting JSON strings into JavaScript objects:

JSON.parse()

JavaScript also has a built in function for converting an object into a JSON string:

JSON.stringify()

🔰What is the DOM ??

When a web page is loaded, the browser creates a Document Object Model of the page, this is known as DOM. It allows programs and scripts to dynamically access and update the content , structure and style of a document.

The W3C DOM standard is separated into 3 different parts:

Core DOM — standard model for all document types
XML DOM — standard model for XML documents
HTML DOM — standard model for HTML documents

🔰What is BOM ??

The Browser Object Model (BOM) allows JavaScript to talk to the browser. The default object of browser is window means you can call all the functions of window by specifying window or directly.

some of the windows objects are

alert() : displays the alert box containing message with ok button.

confirm() : displays the confirm dialog box containing message with ok and cancel button.

prompt() : displays a dialog box to get input from the user.

open() : opens the new window.

close() : closes the current window.

setTimeout() : performs action after specified time like calling function, evaluating expressions etc.

💢Frontend and Backend in Javascript

Frontend and Backend are the two most popular terms used in web development.

🔰Front End Developement : The part of a website that the user interacts with directly is termed the front end. It is also referred to as the ‘client side’ of the application. is known as Front end.

💢Front End development langauges : HTML, CSS, JavaScript etc

💢Front End Frameworks and Libraries: AngularJs , React.js , jQuery , Flutter etc

🔰Back End Development : Backend is the server-side of the website. It stores and arranges data, and also makes sure everything on the client-side of the website works fine. It is the part of the website that you cannot see and interact with it .

💢Back-end Langauges : PHP, C++ , Java , JavaScript , node.js etc

💢Back-end frameworks : Express, Django, Rails, Laravel, Spring.