Graceful Degradation AJAX

AJAX can improve site's appeal and give you chance to stretch your dollar a little further by serving more requests in same bandwidth. AJAX needs JavaScript and there are times when either user of your website has disabled JavaScript or have a device that doesn't support JavaScript. Although number of users with no JavaScript support are less but that doesn't mean we don't need their business.

Today, we will look at an example of Graceful Degradation of our web application which supports both AJAX and Non-AJAX usages.

Note: I am using ASP.NET MVC 3 but you can use any server side technology but it can be utilized with any server side technology with some minor changes. [More]

Tags: , , , ,

AJAX | jQuery | MVC

Multiple Pages in jQuery Mobile - AJAX

Continuing on from our previous post…

In previous article we saw how you can logically divide jQuery mobile app to have multiple pages with all code located in a single html file. Today we will see as how to divide those logical pages into their own html file and still get the jQuery effects working. [More]

Tags: , ,

jQuery | jQuery Mobile

Multiple Pages in jQuery Mobile

Creating multiple pages is as easy as creating single page. So, basically jQuery mobile uses div or section with data-role= "page" with unique id tag to identify and render a page and then you can link multiple pages by creating multiple divs or sections in one HTML file.
You don't have to keep all your pages in single HTML file if you don't want to. There are two different ways jQuery mobile handle multiple page: [More]

Tags: , ,

jQuery | jQuery Mobile

Getting started with jQuery Mobile

jQuery received a lots of buzz since its inception not only because of rich functionality but also because it's easy to implement client side code in jQuery with a very small learning curve involve. jQuery has changed the way Javascript/client side scripting is done.

With introduction of jQuery Mobile, jQuery team has revolutionized mobile web development as well. We will look at series of articles to go over various features that jQuery mobile provide to create web based application with native look and feel.

Today, we will start with an introduction of jQuery Mobile and create your first jQuery mobile application. [More]

Tags: , ,

jQuery | jQuery Mobile

Select, Update, Highlight using JSON, ASPNET WebService and jQuery

jQuery AJAX can improve application use and response drastically for various reasons as most of the time server is dealing with small segment of the page and producing results just for that segment, this way server can accept more requests. Select, insert, update are some of the very common tasks a data driven web application performs. With the use of AJAX these operations become more easy to handle.

Today we will look at how to bring data on page using JSON and then update it using JSON, all this with the help of ASP.NET web services and jQuery. [More]

Tags: , , , , ,

AJAX | ASP.NET | jQuery

Change Password using jQuery AJAX and ASP.NET web service

Few days ago, we received a request via comment on one of the post as how to change password on using AJAX so today we will see how we can accomplish this using jQuery AJAX to make a call to ASP.NET web service to change user's old password leveraging ASP.NET's membership API. [More]

Tags: , , , ,

AJAX | ASP.NET | jQuery

Format GridView table rows using jQuery

In this article we will see as how we can give alternating color to alternating rows of GridView using jQuery. Here we will use Northwind Database for the purpose of demonstration. [More]

Tags: , ,

ASP.NET | jQuery

Ajaxify ASPNET page with jQuery and Page Method

Ajax provide greater flexibility and power to any website but sometime you may not want to create a separate ASMX file to provide functionality that you already have defined on your page's code behind file because you want to use it using Ajax and also as a fallback if JavaScript is disabled in some user's browser. In such situations, you can always take benefit of page methods defined in asp.net Ajax.

Today we will see how we can use a method from page's code behind file as web service method and call it using jQuery Ajax. [More]

Tags: , , , , ,

AJAX | ASP.NET | jQuery

Reading XML file using jQuery

XML is very commonly used for data transmission purposes. Today we will read XML file and print results on page with the help of jQuery library.

For this demo I am going to use XML file generated from one of the weather API of Google. [More]

Tags: , ,

ASP.NET | jQuery | XML

Populate HTML table using jQuery Template, ASP.NET web service and jQuery ajax

jQuery template provide easy way to process json data. There are several places you can use this template to populate data by making ajax call to web services.

Today we will use jQuery template to populate HTML table by making ajax call to the ASP.NET web service. [More]

Tags: , , , ,

AJAX | ASP.NET | jQuery