Differnce between JavaScript jQuery and AJAX?

JavaScript 
  1. JavaScript is a client-side (in the browser) scripting language. 
  2. JavaScript lets you supercharge your HTML with animation, interactivity, and dynamic visual effects 
  3. JavaScript can make web pages more useful by supplying immediate feedback. 
  4. JavaScript is the common term for a combination of the ECMAScript programming language plus some means for accessing a web browser's windows and the document object model (DOM). 
  5. JavaScript was designed to add interactivity to HTML pages 
  6. Everyone can use JavaScript without purchasing a license 
jQuery 
  1. jQuery is a library/framework built with JavaScript. 
  2. It abstracts away cross-browser compatibility issues and it emphasises unobtrusive and callback-driven JavaScript programming 
  3. jQuery (website) is a JavaScript framework that makes working with the DOM easier by building many high level functionality that can be used to search and interact with the DOM 
  4. jQuery implements a high-level interface to do AJAX requests 
  5. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and AJAX interactions for rapid web development
Asynchronous JavaScript XML (AJAX)
  1. Asynchronous JavaScript XML (AJAX) is a method to dynamically update parts of the UI without having to reload the page, to make the experience more similar to a Desktop application. 
  2. AJAX is a technique to do an XMLHttpRequest (out of band Http request) from a web page to the server and send/retrieve data to be used on the web page 
  3. It uses JavaScript to construct an XMLHttpRequest, typically using various techniques on various browsers. 
  4. AJAX is a set of functions of the language JavaScript 
  5. Examples of applications using AJAX: Google Maps, Gmail, Youtube, and Facebook tabs.
Why AJAX? 
This is probably one of the most asked questions about AJAX.
 
The main advantage of using AJAX enabled ASP.NET Web applications is improved efficiency and a reduction of the page refresh time. AJAX enables us to refresh only parts of a Web page that have been updated, rather refreshing the entire page.
 
For example, if you have four controls on a web page, say a DropDownList, a TextBox, a ListBox, and a GridView. The GridView control shows some data based on the selection in a DropDownList and other controls. Now let's say a GridView also has paging and sorting options. So whenever you move to the next page or apply a sort, the entire page and all four controls on the page will be refreshed and you will notice a page flicker because ASP.NET must render the entire page on the client-side and it happens once.
 
In an AJAX-enabled web page, you will see only the GridView data is being refreshed and rest of the page and controls do not. Doing so, we not only get better performance and faster refresh, we also get a better (or should I say "smoother") user experience.
 
You may want to see a live example of an AJAX enabled GridView on our www.mindcracker.com web site in the Jobs section here: http://www.mindcracker.com/Jobs/ . On this page, if you click on the "Next" page link then you will see only the GridView data is being refreshed. We are also implementing AJAX on C# Corner and other sites as well.
 
What Browsers Does AJAX Support? 
AJAX is JavaScript based and supports most of the browsers including Internet Explorer, Mozilla Firefox, and Apple Safari.
 
What are ASP.NET AJAX Extensions? 
ASP.NET AJAX is a combination of client-script libraries (JavaScript) and ASP.NET server components that are integrated to provide a robust development framework. 
 
What are ASP.NET AJAX Server Controls? 
The ASP.NET AJAX server controls consist of server and client code that integrate to produce AJAX-like behavior. The following controls are available in the AJAX 1.0 library:
  1. ScriptManager: Manages script resources for client components, partial-page rendering, localization, globalization, and custom user scripts. The ScriptManager control is required for the use of the UpdatePanel, UpdateProgress, and Timer controls.
  2. UpdatePanel: Enables you to refresh selected parts of the page instead of refreshing the entire page by using a synchronous postback.
  3. UpdateProgress: Provides status information about partial-page updates in UpdatePanel controls.
  4. Timer: Performs postbacks at defined intervals. You can use the Timer control to post the entire page, or use it together with the UpdatePanel control to perform partial-page updates at a defined interval.
What is the ASP.NET AJAX Control Toolkit? 
The ASP.NET AJAX Control Toolkit is a collection of samples and components that show you some of the experiences you can create with rich client ASP.NET AJAX controls and extenders. The Control Toolkit provides both samples and a powerful SDK to simplify creation and reuse of your custom controls and extenders. You can download the ASP.NET AJAX Control Toolkit from the ASP.NET AJAX Web site.

Comments

Post a Comment

Popular posts from this blog

.NET Design Patterns Tutorial - MVC, MVP and MVVM Design Patterns

MVC Pattern MVC stands for Model-View-Controller. It is a software design pattern which was introduced in 1970s. Also, MVC pattern forces a separation of concerns, it means domain model and controller logic are decoupled from user interface (view). As a result maintenance and testing of the application become simpler and easier. MVC design pattern splits an application into three main aspects: Model, View and Controller Model The Model represents a set of classes that describe the business logic i.e. business model as well as data access operations i.e. data model. It also defines business rules for data means how the data can be changed and manipulated. View The View represents the UI components like CSS, jQuery, html etc. It is only responsible for displaying the data that is received from the controller as the result. This also transforms the model(s) into UI. Controller The Controller is responsible to process incoming requests. It receives input fro...
Read more

C# Coding Standards and Naming Conventions

1. use PascalCasing for class names and method names. public Class TestClass {        public void TestMethod()       {            //--------------       } } 2 use camelCasing for method arguments and local variables. public Class TestClass {        public void TestMethod(UserDetail userDetail)       {            int usersCount=userDetail.items.count             //-----       } } 3. use PascalCasing for abbreviations 3 characters or more (2 chars are both uppercase)     HtmlHelper htmlHelper;     FtpTransfer ftpTransfer;     UIControl uiControl; Why: consistent with the Microsoft's .NET Framework. Caps would grap visually too much attention. 4. use...
Read more

What is the difference between C and C++?

Image
The major difference between C and C++ is that C is a procedural programming language and does not support classes and objects, while C++ is a combination of both procedural and object oriented programming language; therefore C++ can be called a hybrid language. The following table presents differences between C and C++ in detail. Difference between C and C++ C C++ C was developed by Dennis Ritchie between 1969 and 1973 at AT&T Bell Labs. C++ was developed by Bjarne Stroustrup in 1979 with C++'s predecessor "C with Classes". When compared to C++, C is a subset of C++. C++ is a superset of C. C++ can run most of C code while C cannot run C++ code. C supports procedural programming paradigm for code development. C++ supports both procedural and object or...
Read more