DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> ASP.NET 2.0 AJAX中Webservice調用方法
ASP.NET 2.0 AJAX中Webservice調用方法
編輯:AJAX詳解     
 ASP.NET 2.0 AJax中能夠在客戶端JS中很方便地調用服務器Webservice,以下為一些調用的示例。筆者安裝的ASP.Net 2.0 AJax

版本為AJax November CTP。

三個示例分別為:

1 帶參數的WS方法

2 不帶參數的WS方法

3 參數類型為DataTable的WS方法

一、WebMethod

注意要點:

1 WebMethod類需要添加命名空間 Microsoft.Web.Script.Services,此空間需要引用Microsoft.Web.PrevIEw.dll

2 類聲明加入標簽 [ScriptService]

3 在ASP.Net 2.0裡可以直接用DataTable作為返回類型了,但是需要在Web.config文件添加序列化轉換器的屬性。DataSet、DataTable、DataRow均有轉換器

      < system.web.extensions>

  < scripting>

  < webServices>

  < JSonSerialization>

  < converters>

  < add name="DataSetConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataSetConverter, Microsoft.Web.PrevIEw"/>

  < add name="DataRowConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataRowConverter, Microsoft.Web.PrevIEw"/>

  < add name="DataTableConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataTableConverter, Microsoft.Web.PrevIEw"/>

  < /converters>

  < /JSonSerialization>

  < /webServices>

  < /scripting>

  < /system.web.extensions>

WEB服務1:WS1

      using System;

  using System.Web;

  using System.Collections;

  using System.Web.Services;

  using System.Web.Services.Protocols;

  using Microsoft.Web.Script.Services;

  using System.Data;

  /**////

  /// WS1 的摘要說明

  ///

  [WebService(Namespace = "http://tempuri.org/")]

  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

  [ScriptService]

  public class WS1 : System.Web.Services.WebService {

  public WS1 () {

  //如果使用設計的組件,請取消注釋以下行

  //InitializeComponent();

  }

  [WebMethod]

  public string ServerTime()

  {

  return String.Format("now: {0}", DateTime.Now);

  }

  [WebMethod]

  public DataTable GetDataTable()

  {

  DataTable dt = new DataTable("Person");

  dt.Columns.Add(new DataColumn("Name", typeof(string)));

  dt.Columns.Add(new DataColumn("LastName", typeof(string)));

  dt.Columns.Add(new DataColumn("Email", typeof(string)));

  dt.Rows.Add("kui", "he", "[email protected]");

  dt.Rows.Add("ren", "chao", "[email protected]");

  return dt;

  }

  }

WEB服務2:WS

      using System;

  using System.Web;

  using System.Collections;

  using System.Web.Services;

  using System.Web.Services.Protocols;

  using Microsoft.Web.Script.Services;

  /**////

  /// WS 的摘要說明

  ///

  [WebService(Namespace = "http://tempuri.org/")]

  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

  [ScriptService]

  public class WS : System.Web.Services.WebService {

  public WS () {

  //如果使用設計的組件,請取消注釋以下行

  //InitializeComponent();

  }

  [WebMethod]

  [ScriptMethod(UseHttpGet = true)]

  public string HelloWorld(String query)

  {

  string inputString = Server.HtmlEncode(query);

  if (!String.IsNullOrEmpty(inputString))

  {

  return String.Format("hello, {0}. ", inputString);

  }

  else

  {

  return "query string is null or empty";

  }

  }

  }

二、前台頁面:

注意要點:

需要使用的後台WebService的方法均設置在如下位置

Default頁面:

三、JavaScript程序:

注意要點:

AJAX November CTP 需要用 eval() 方法將其轉換成一個DataTable對象(並且要裁掉最前面的"("),而AJax December CTP 支持以下方法轉換“Sys.PrevIEw.Data.DataTable.parseFromJSon(result)”

      function dd()

  {

  WS.HelloWorld(

  'hekui',

  function(result)

  {

  alert(result);

  }

  );

  WS1.ServerTime(

  function(result)

  {

  alert(result);

  var divTime = document.getElementById("time");

  divTime.innerHtml = result;

  }

  );

  WS1.GetDataTable(

  function(result)

  {

  // 獲取到下拉框控件

  var List = document.getElementById("ddl1");

  //AJax November CTP 需要用 eval() 方法將其轉換成一個DataTable對象(並且要裁掉最前面的"(")

  var Text= result.dataArray.substring(0,result.dataArray.length -1);

  var Table = eval( Text);

  //AJax December CTP 支持以下方法轉換

  // var Table = Sys.PrevIEw.Data.DataTable.parseFromJSon(result);

  //清除下拉框原有列表項

  for (x=List.options.length-1; x > -1; x--)

  {

  List.remove(0);

  }

  //從獲取的DataTable添加數據到下拉框列表項

  for (x=0; x < Table.length; x++ )

  {

  //獲取每一行

  var Row = Table[x];

  //創建一個列表項

  var option = document.createElement("option");

  //列表項顯示文本賦值

  option.text = Row.Name + " " + Row.LastName;

  //列表項選項值賦值

  option.value = Row.Email;

  //判斷浏覽器類型,進行項目添加

  if ( window.navigator.appName.toLowerCase().indexOf("microsoft") > -1)

  List.add(option);

  else

  List.add(option, null);

  }

  }

  );

  }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved