利用ScriptManager實現Javascript調用WebService中的方法

  開發過程中,我們總想在前臺直接調用後臺的method,其原因無非是想控制頁面刷新,改善用戶體驗。可以達到這個目的的方法有很多:Ajax應該是用的最多的情況.這裏要說的是利用Javascript和webservice的交互來達到目的。
  1.當然要建立WebService(簡便起見,WebService就建立在當前方案中):
 
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;


/// <summary>
/// WebService 的摘要描述
/// </summary>
/// 

[System.Web.Script.Services.ScriptService]  //注意要實現目的,這就必不可少

[WebService(Namespace 
= "http://tempuri.org/")]
[WebServiceBinding(ConformsTo 
= WsiProfiles.BasicProfile1_1)]
public class WebService : System.Web.Services.WebService {

    
public WebService () {

        
//如果使用設計的元件,請取消註解下行程式碼 
        
//InitializeComponent(); 
    }


    [WebMethod]
    
public string sayhi(string name,string age) 
    
{
        
//code here
        return "Hello,this is "+name+",i am"+age ;
    }

    
}
2.新建頁面ajaxWebService.aspx,建立前臺代碼,其中要用ScriptManager對service進行註冊。先看代碼:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajaxWebService.aspx.cs" Inherits="ajaxWebService" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace
="System.Web.UI" TagPrefix="asp" 
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>未命名頁面</title>
   
<script type="text/javascript" >
   
    
function check()
    
{
      
var name=document.getElementById("txtname").value;
      
var age=document.getElementById("txtage").value;
      
      
//最後一個參數爲回調函數名稱
      WebService.sayhi(name,age,updatepage);
    }

    
    
//其中result即返回的結果
    function updatepage(result)
    
{
      alert(result);
    }

   
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
        
<asp:ScriptManager ID="ScriptManager1" runat="server">
          
<Services >
            
<asp:ServiceReference Path ="~/WebService.asmx" />
          
</Services>
        
</asp:ScriptManager>
        
<input id="txtname" name="txtname" type="text" />
        
<input id="txtage" name="txtage" type="text" />
        
<input id="Button1" type="button" value="button" onclick ="check()" />
    
</div>
    
</form>
</body>
</html>

3.說明:
  除了上述兩點需要注意外,還有一點需要強調一下:
  調用的方法很簡單,[WebServiceName].[MethodName](...),其中的參數列中最後一項應該爲回調函數名稱。而回調函數的參數既是回傳的結果。見上例。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章