• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ASP.NET2.0AJAX中Webservice调用方法

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

        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);

  }

  }

  );

  }


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
[C#]为微软ASP.NET官方教学视频增加字幕发布时间:2022-07-10
下一篇:
Asp.net MVC 自定义ViewEngine的简单实现发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap