Software development » Ajax http://blog.daiweitech.com Share tech and experience Thu, 11 Feb 2010 05:49:03 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Variety ways to do asp.net ajax http://blog.daiweitech.com/2010/02/03/aspnet-ajax-implementation/ http://blog.daiweitech.com/2010/02/03/aspnet-ajax-implementation/#comments Wed, 03 Feb 2010 14:04:16 +0000 admin http://blog.daiweitech.com/?p=7 There are variety of ways doing ajax implementation. In this section I am going to talk about how to implement different ways of ajax using asp.net and jquery.
  1. Update panel
In the page view you need to use “ScriptManager” and “UpdatePanel” server controls.
Code in page view:
<form id=”form1″ runat=”server”>
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
</asp:ScriptManager>
<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server” UpdateMode=”Conditional” RenderMode=”Block”>
<ContentTemplate>
<asp:Label ID=”lbDateTime” runat=”server” ></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID=”btShow” EventName=”Click” />
</Triggers>
</asp:UpdatePanel>
<asp:Button ID=”btShow” runat=”server” Text=”DateTime” onclick=”bt_click” />
</form>
Code behind page:
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void bt_click(object sender, EventArgs e)
{
lbDateTime.Text = DateTime.Now.ToShortDateString();
}
}
  1. Client callback method
Code in page view:
<head runat=”server”>
<title>Client Callbacks</title>
<script type=”text/javascript”>
function ReceiveServerData(arg, context) {
Message.innerText = “Date from server: ” + arg;
}
</script>
</head>
<body>
<h2>
Client Callbacks Without Postbacks</h2>
<form id=”form1″ runat=”server”>
<input type=”button” value=”Callback” onclick=”CallServer(‘1′, alert(‘Callback sent to Server’))” />
<br />
<span id=”Message”></span>
</form>
</body>
Code behind page:
protected void Page_Load(object sender, EventArgs e)
{
ClientScriptManager cm = Page.ClientScript;
String cbReference = cm.GetCallbackEventReference(this, “arg”,
“ReceiveServerData”, “”);
String callbackScript = “function CallServer(arg, context) {” +
cbReference + “; }”;
cm.RegisterClientScriptBlock(this.GetType(),
“CallServer”, callbackScript, true);
}
public string GetCallbackResult()
{
// Returns the results of a callback event to the client.
string dateString = DateTime.Now.ToLongDateString();
return dateString;
}
public void RaiseCallbackEvent(String eventArgument)
{
// Processes a callback event on the server using the event
// argument from the client.
string a = “”;
}
  1. Calling web method from javascript
  2. Calling web method from javascript using Jquery
]]> http://blog.daiweitech.com/2010/02/03/aspnet-ajax-implementation/feed/ 0