How to load content via AJAX in jQuery

This tutorial will show you How to load content via AJAX in jQuery.

Anatomy of an Ajax Application

This chapter covers the shortcomings of the traditional web interface, identifying specific problems to be overcome. It also introduces the various building blocks of an Ajax application and discusses how they work together.

What You'll Learn in This Chapter:

* The Need for Ajax
* Introducing Ajax
* The Constituent Parts of Ajax
* Putting It All Together

In this chapter you will learn about the individual building blocks of Ajax and how they fit together to form the architecture of an Ajax application. Subsequent chapters will examine these components in more detail, finally assembling them into a working Ajax application.

AjaxCRUD

AjaxCRUD is an open-source PHP API which allows you to connect to a mySQL database and easily perform the necessary CRUD operations (create, read, update, & delete rows).

(more...)

Database-enabled Ajax with PHP

Ajax has taken the Web to a new level by offering an intuitive interactive model that rivals the desktop. To compete with desktop applications, database interaction is necessary to unleash the true power of an Ajax Web application.

In this article you'll learn how to create database-enabled Ajax requests using PHP and MySQL.

AJAX file upload tutorial

In this tutorial I will show you how to create simple AJAX file upload system using PHP and JavaScript.

Beginner jQuery Tutorials

The tutorials below are a great ways to start learning jQuery.

25 Excellent Ajax Techniques and Examples

Ajax allows for rich-internet applications that mimic the responsiveness and complex user interfaces typically associated with desktop applications. Moving applications to the web browser opens many possibilities, including the ability to save user data, connecting with other users for collaboration and sharing, and making deployment and using the application easier since web browsers are standard-issue with most computers regardless of operating system.

If you’re interested in expanding your understanding of Ajax techniques and practices, check out these 25 hand-picked Ajax articles and tutorials that outline various methods and concepts involved in the development of Ajax-based applications.

Google AJAX Libraries API opened

The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including:

* jQuery
* prototype
* script.aculo.us
* MooTools
* dojo

Ajax for Beginners

JavaScript has had the XMLHttpRequest object for a good number of years now, but it's really only started getting wide attention recently. All this attention is mostly due to some showoff web applications that make every developer who sees them think, "I want my site to do that!" But it also has to do with the spiffy, spiffy name given to it by the folks at AdaptivePath, who named this asynchronized application Ajax. Maybe you've heard of it?

Getting Started with AJAX in jQuery

AJAX is probably the biggest thing you can add to your site; with AJAX, you can dramatically increase functionality, and give your end users more usable web applications. But AJAX is tricky to get started with - it usually requires very complex JavaScript knowledge. In this tutorial, I'll show you how to get started with AJAX using the jQuery JavaScript framework.

Animated content navigation effect using jquery

I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without loading the whole page.

(more...)

Useful jQuery: a Compilation of jQuery Utilities

jQuery is great in many ways. You probably first heard about the framework when browsing through a showcase of beautiful “ajax” scripts and became impressed with how easy it can be used to create advanced and delightful effects. But jQuery is much more than that. After you’ve seen all the fancy slides and animations and got to know the framework, you realize that it can do much more to assist you in building advanced, content-driven web sites and applications.

Here is a hand-picked list of useful jQuery scripts and utilities, created to make your web development easier. You won’t find any fancy slides or animations in here, instead I have compiled a list of the best, most well-written and useful jQuery components on the web that I would use myself.

Inline edit using jQuery and MarkItUp!

Tutorial which teach you how to create inline editor using jQuery, MarkItUp! and Jeditable.

Username availability checking in ajax and php using jquery’s fading effect

In this post, I’ll show you how to make a fancy username availability checking in ajax and php using jquery.When, you check the the username avaiability a fancy message box will show you the message with a little bit of animation.

Improved Ajax Add, Edit & Delete From MySQL Tables

"Someone asked me in a comment how you would add another entry field to the previous version of this code & well I couldn’t really answer the question. It proved to me what I already knew, the code needed re-writing."

(more...)

How To Create Form Posts with Ajax

Now that Ajax is becoming a standard for handling interactions on the Web it's time to use it to update form submissions. In this article you'll learn how to create a reusable Ajax process which can be used with all forms.

Expand-collapse toggle pane using jquery

In this post, I’ll show you how easy it is to show expandable and collapsible toggle panel using jQuery. When you click on the heading, the content gets displayed by sliding and when you again click on the heading again, it gets collapsed.

10 things IT needs to know about Ajax

The introduction of any new Web technology will affect a network's infrastructure in ways that range from inconsequential to earth shattering. Ajax is one of the more disruptive new Web technologies traveling across networks today. To help you minimize future surprises on your network, we've outlined the 10 things you should take to heart about Ajax.

Adding Inline Edit To AJAX Add & Remove MySQL Table Entries

Ok. So I am going to show you quickly how to add inline editing to my previous tutorial on using jQuery to remove & add entries to a MySQL Table with AJAX. Inline editing is quite simply being able to edit the information on-the-fly. While this sounds easy, unlike the adding & removing it is actually quite hard and requires a rewrite of some of the code already written in the last tutorial.

(more...)

8 Fantastic jQuery Tutorials for Designers

http://tutorialblog.org/8-fantastic-jquery-tutorials-for-designers/