Ajax Tutorial Top List - Simple Asp.Net + Ajax example

Abstract: A short introduction to Ajax. Shows simple example how to organize the Ajax behaviour in the ASP.NET application

Introduction
I’m going to tell you new piece of Ajax information.
Ok what’s Ajax? - Asynchronous JavaScript + XML, new great technology which closely related with conception of web2. If you saw amazing products of Google(gmail, google maps) you could notice that this applications is very similar with usual desktop applications it’s Ajax. The main point of using it is the great usability, speed of interactions and a big traffic’s economy. And your applications don’t need postbacks!!!
But it has one disadvantage you need to write a lot of client side code so you should be careful to manage with it.

Body

I’m not going to tell something tricky today I’m just want to tell about basics to make your understanding better. It’ll be button which asynchronously calls server, client side processes response and displays result in a Lable. At first I’ll show commented code then will give some explanations.

Code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
<script type ="text/javascript" language="jscript">
           var obj;
              function getXMLHTTPRequest()
              {
                 var xRequest=null;
                if (window.XMLHttpRequest) {
                xRequest=new XMLHttpRequest();
                }else if (typeof ActiveXObject != "undefined"){
                  xRequest=new ActiveXObject("Microsoft.XMLHTTP");
                }
                  return xRequest;
                }
           function GetDataUsingAJAX()
           {
               obj=getXMLHTTPRequest();
               if(obj!=null)
               {
                   obj.onreadystatechange = ProcessResponse;
                   obj.open("GET", "http://localhost:1392/Ajax1/ProcessedPage.aspx", true);
                   obj.send(null);
               }
               return false;
           }

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" />
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
    </form>
</body>
</html>

>	All Tutorials
	Ajax and .NET
	Ajax and ColdFusion
	Ajax and Java
	Ajax and PHP
	Ajax and SOA
	Ajax Goodies
	Ajax Tool
	Facebook MockAjax
	Google Web Toolkit
	JavaScript Framework
	Ruby on Rails
	Technique Introduction
	Without XMLHttpRequest
	Yahoo! UI

Simple Asp.Net + Ajax example

Reviews:

Statistic Information About this Resource: