 |
Web Development »
ASP.NET »
Utilities
Advanced
License: The Code Project Open License (CPOL)
Javascript DIRECTLY call ASP.NET c# method. Introduction to Pixysoft.AjaxBy reborn_zhangBy using the pixysoft.ajax webcontrols, javascript can directly call asp.net c# server method. |
C#, Windows, ASP.NET, Dev
|
||||||||
|
Advanced Search Add to IE Search |
|
|
|
||||||||||||||||
This technique is based on .net framework 2.0. It provide a webControl to help Javascript DIRECTLY call ASP.NET server based methods.
The source code is totally open source, and free to use. But please keep the copyright information in the code. Thank you!
1. Reflection is required.
2. Asp.net Callback technique (ICallbackEventHandler) is required.
I would like to show you how wonderful the idea is.First, We need a aspx page, call Default.aspx, like the following one.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Pixysoft.Ajax" Namespace="Pixysoft.Framework.Noebe.Jsons.WebControls"
TagPrefix="cc1" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>pixysoft.ajax</title>
<script type="text/javascript">
var code=1;
function ServerMethodCallback(value)
{
code = value;
Message1.innerText = value;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<cc1:PixysoftAjaxBase ID="PixysoftAjaxBase1" runat="server" />
result: <span id="Message1">0</span>
<input type="button" value="Let's callback" önclick="ServerMethod(code)" id="Button1" />
</form>
</body>
</html>
Then we need the server side code(CodeBehind), as follow.
using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } public int ServerMethod(int value) { return value * 2; } }
The code above means:
1. I add a html button in the aspx page, and add a function named: ServerMethod to the click event.
2. On server side, I create a method named: ServerMethod, the same in aspx page. The method would return a int value.
3. I add a javasctipt function named: ServerMethodCallback(value) on aspx page. Then after server site method return, this function would be called, and get the server side return as parameter 'value'.
The magic above comes from the web control 'PixysoftAjaxBase'. It is inhereted from interface 'ICallbackEventHandler'. And of course, some other tricks are needed (such as reflection ... em.. you know).
Well... because it is my first post on code project, and I am not very familiar with the posting system.... So Please see the source code for the rest answer. I write it very simple.
This technique is one part of my json framework, named pixysoft.framework.noebe.jsons. The framework provide the json interface for other website to query the database. (Like provide the API..).
By using this technique, we can easily integrate the ASP.NET with other JS library like extjs / jquery.
| You must Sign In to use this message board. | ||||||||
|
||||||||
|
||||||||
|
||||||||
|
||||||||
General 
News 
Question 
Answer 
Joke 
Rant 
Admin
|
PermaLink |
Privacy |
Terms of Use
Last Updated: 16 Nov 2009 Editor: |
Copyright 2009 by reborn_zhang Everything else Copyright © CodeProject, 1999-2009 Web21 | Advertise on the Code Project |
