Introduction

Ajax (Asynchronous JavaScript and XML) is a new web development technique for interactive websites. With AJAX help we can develop web applications and retrieve small amounts of data from a web server. AJAX consists Of a different type of technology.

Twitter

The AJAX Control Toolkit released a new Twitter control. With the help of this control we can display the recent tweets associated with a particular Twitter user. We can use this control to show the result of a Twitter search. Twitter limits the number of times that we can interact with their API in an hour. Twitter recommends that we cache results on the server.

Properties

Step 1 : Open Visual Studio 2010

Step 2 : Go to Solution Explorer and right-click.

Step 3 : Open Default.aspx page and click in [Design option].

Step 4 : Go to the Default.aspx[Source] page and drag the Twitter Control from the Toolbox.

twitter2.jpg
Step 5 : Now the simple code for the Twitter Control.

Code

<asp:Twitter ID="Twitter1" runat="server"> </asp:Twitter>

Step 6 : Now in the Default.aspx[Source] option, register the Twitter control code with TagPrefix.

Syntax

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

Step 7 : Now we define the Twitter control property ScreneName"raj".

twitter3.jpg

Code

<asp:Twitter ID="Twitter1" runat="server" ScreenName="Raj" >

Step 8 : Write the code in the Deault.aspx[Source] option.

Code

<head runat="server">
 <title></title>
</head>
<body>
 <form id="form1" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server">
 </asp:ScriptManager>
 <div>
 <asp:Twitter ID="Twitter1" runat="server" ScreenName="Raj" >
 <EmptyDataTemplate>
There are no matching tweets.
</EmptyDataTemplate>
<LayoutTemplate>
<div runat="server" class="ajax__twitter_header"><asp:Image runat="server"
ImageUrl="mvwres://AjaxControlToolkit, Version=4.1.51116.0, Culture=neutral, PublicKeyToken=28f01b0e84b6d53e/Twitter.Twitter32.png"></asp:Image>
<h3 runat="server">Ajax Control Toolkit</h3>
<h4 runat="server">ajaxcontroltoolkit</h4>
</div>
<ul runat="server" class="ajax__twitter_itemlist" style="margin:0px;"><asp:PlaceHolder runat="server" ID="ItemPlaceholder"></asp:PlaceHolder>
</ul>
<div runat="server" class="ajax__twitter_footer"><asp:Image runat="server" ImageUrl="mvwres://AjaxControlToolkit, Version=4.1.51116.0, Culture=neutral,
PublicKeyToken=28f01b0e84b6d53e/Twitter.Twitter24.png"></asp:Image>
</div>
</LayoutTemplate>
 </asp:Twitter>
 </div>
 </form>
</body>
</html>

Step 9 : Now run the application pressing F5.

twitter.jpg

Resource

AJAX Rating Control

DropShadowExtender Control in AJAX Using ASP.NET

RangeValidator Control With AJAX Using ASP.NET

AJAX SlideShowExtender Control