1:從網上下載:AjaxPro.2.DLL文件,下載地址:javascript
http://files.cnblogs.com/wequst/AjaxPro.2.zipjava
2:解壓以後把DLL放到程序bin目錄下進行參照引用。ajax
3:在WEB.config文件中進行加載使用:添加如下代碼:函數
<httpHandlers> <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/> </httpHandlers>
4:創建測試的VB.net WEB窗體程序測試
AjaxTest.aspxspa
5:在上面頁面的後臺LOAD事件塊中添加如下的代碼進行DLL的註冊加載:.net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load AjaxPro.Utility.RegisterTypeForAjax(GetType(AjaxTest)) End Sub
6:在後臺中添加須要前臺調用的函數code
<AjaxPro.AjaxMethod()> Public Function fnAjaxTest(ByVal name As String) Return (name) End Function
7:前臺HTML代碼orm
<body> <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="button" onclick="getajax();" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </div> </form> </body>
8:JS中調用後臺代碼server
<head runat="server"> <title>無標題頁</title> <script type="text/javascript"> function getajax() { alert('222'); WebApplication1.AjaxTest.fnAjaxTest('aa'); document.getElementById("Label1").innerHTML='testaJAX'; alert('3333'); } </script> </head>
這樣完成以上的步驟,整個JS調用後臺的過程就實現了。