Quick Ajax example using Prototype.js

Overview

UPDATE: Please visit my updated article appropriately named “Quick Ajax Example Using jQuery“.


This example will explain how to use the Prototype.js Javascript library to perform a simple Ajax call from an html page to an ASP.NET page with dynamic info. In this example the dynamic ASP.NET page is getting the current date and time, in a real-world example an ASP.NET page could parse RSS feeds, show stocks quotes, lookup weather, etc.

Requirements

Let’s code!

  1. Create a web form called ShowTime.aspx (ShowTime.cs will be auto created) in Visual Studio 2005 and add a label control as shown below:
  2. Open up ShowTime.cs and declare a DateTime type variable and set it to display the current date and time:
    DateTime dtRightNow = DateTime.Now;
  3. Inside the Page_Load set the page to not cache itself with the following code:
    Response.CacheControl = "no-cache";
  4. Assign the current date and time to the lblDateTime control:
    this.lblDateTime.Text = String.Format("{0:d}", dtRightNow) + " @ " + String.Format("{0:T}", dtRightNow);
  5. Now let’s create ShowTime.html. This page will call the Prototype.js and contain some Javascript to make an Ajax call to ShowTime.aspx
  6. Between the tags, reference the Prototype.js Javascript library like this:
  7. We're almost done! Just need to ad add a few more things between the tags. We will add a link with an ID called showtimelink and a
    with the ID of output.

    
    
    
    ;
    
    ;
  8. That's it! View the demo.

Download

[del.icio.us] [Digg] [Facebook] [LinkedIn] [MySpace] [StumbleUpon] [Twitter] [Windows Live] [Yahoo!] [Email]

Popularity: 39% [?]

Read More

Using Log4net in your web apps

Log4net is part of the Apache Logging Services Project. It’s a tool to help ASP.net developers log message to a text file, xml file, email or database.

  1. Add log4net.Config.XmlConfigurator.Configure(); to Global.asax in the Application_Start method.
  2. In your code-behind or BasePage.cs, declare protected static readonly ILog logger =
    log4net.LogManager.GetLogger(System.Reflection.MethodBase.GetCurrentMethod().DeclaringType);
  3. Web.config has all the magic. , , and

To be continued…

[del.icio.us] [Digg] [Facebook] [LinkedIn] [MySpace] [StumbleUpon] [Twitter] [Windows Live] [Yahoo!] [Email]

Popularity: 7% [?]

Read More