Ajax jQuery Primer Tutorial

Ajax jQuery Primer Tutorial

Ajax jQuery Primer Tutorial

A lot of the things people like about the Web are to do with Javascript and client-side activities. Adding to that experience are Javascript libraries packed full of features. Probably the best known of these is jQuery. It is very popular, and it is often the case that the term jQuery has completely replaced Javascript for some users who never need to leave the jQuery “world” to do their client-side code. Let’s see what Wikipedia says about jQuery.

jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.[4] It was released in January 2006 at BarCamp NYC by John Resig. It is currently developed by a team of developers led by Dave Methvin. Used by over 55% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.[5][6]

jQuery is free, open source software, licensed under the MIT License.[7] jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.

Ajax is a client-side meets server-side melding of PHP (or ASP.Net) and Javascript and HTML and CSS and allows you to stay on the web page you are on doing many more things, rather than constantly changing web pages the way that HTML form tag makes you do. Ajax works with XMLHttpRequest object to quiz the server-side while staying on the client side. You can do the server-side work ahead of time by placing your own data file on the server ahead of time, and in such scenarios, PHP or ASP.Net may not be needed to perform Ajax functionality. For working up to using Ajax, here on this blog, I would refer you to the previous tutorial about JavaScript and the DOM Tutorial and PHP + JavaScript + HTML Primer Tutorial for important information to learn before tackling Ajax. Ajax shares similar restrictions to iFrames in limiting you to work within your own domain, generally speaking. Ajax often makes use of the onmouseover events of HTML elements, but today we show you an onblur input tag method of using Ajax where a local MySql database is the data source accessed via PHP.

Today these two big “worlds” meet by the use of jQuery Ajax functionality calls and a good informational webpage about this is here.

Click on picture above to go to a live run of a Country/City MySql database scenario, where you can enter a Country or enter a City name and receive information regarding what you didn’t enter.

Link to jQuery information … via Wikipedia, from where quote above is derived.
Link to jQuery spiritual home page … via jQuery Foundation.
Link to jQuery download page … download jQuery here.
Link to jQuery Ajax page … jQuery Ajax.

Download HTML programming source code and rename to getcountrydata.html … supervises PHP … getcountrydata.php

The MySql data was created via the data of this link, for which we give thanks.

If this was interesting you may be interested in this too.

This entry was posted in Ajax, Database, eLearning, Tutorials and tagged , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>