Book Image

ASP.NET jQuery Cookbook

By : Sonal Aneel Allana
Book Image

ASP.NET jQuery Cookbook

By: Sonal Aneel Allana

Overview of this book

<p>jQuery is a powerful, lightweight JavaScript library that simplifies various web development tasks. With the integration of jQuery with Visual Studio 2010, it has become increasingly popular for ASP.NET developers to use jQuery's awesome power in their applications. Combining jQuery and ASP.NET creates applications that are anything but lightweight. Using this Cookbook you will become adept at using this library in your ASP.NET web applications.</p> <p>This cookbook shares the most powerful, impressive, and just plain handy jQuery secrets for ASP.NET developers. From substitute server-side code to corresponding client script, it shows ASP.NET developers how to get the most from jQuery in a simple, effective, and easy manner.</p> <p>The cookbook takes a pragmatic approach in applying the jQuery library to ASP.NET applications. It will help you to master the use of jQuery with ASP.NET by taking you step-by-step through hands-on, practical recipes. With its help, you can learn to manipulate various ASP.NET controls like TextBox, CheckBoxList, DropDownList, BulletedList, Hyperlink, Image, and GridView as well as custom user controls. The book teaches client validation techniques thus providing a substitute for the server-side Validation Control. It explores various graphic and animation effects that can be accomplished very easily with the library to give a better interactive experience to the end user. It explores AJAX in depth and describes the use of Firebug to view / troubleshoot the corresponding request / response dialog. You will also learn to develop rich content using client scripting.</p>
Table of Contents (15 chapters)
ASP.NET jQuery Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Using Firebug to view AJAX request/response


Most modern browsers provide Developer Tools for editing and debugging different types of content such as .html, .css, and JavaScript in real time.

Note

In Internet Explorer 8 and above, the Developer Tools can be launched by pressing F12. In Chrome, you can access the same using Tools | Developer Tools or alternatively pressing Control + Shift + I.

Mozilla Firefox browser provides an add-on web development tool called Firebug. In this recipe, we will see how it can be used for XmlHttpRequest monitoring, thus enabling the logging of AJAX request/response for troubleshooting. We will demonstrate using the web form created in the Setting up AJAX with ASP.NET using jQuery recipe.

Getting ready

  1. Download and install the latest version of Firebug from http://getfirebug.com/.

  2. Run Recipe1.aspx in Mozilla Firefox browser. Launch Firebug from the Tools menu.

  3. The page displays the Firebug window as follows:

Now, let's use Firebug step-by-step to trace the AJAX request...