ASP.NET 2.0 AJAX中Webservice调用方法示例

最新推荐文章于 2017-04-18 12:25:05 发布
转载 最新推荐文章于 2017-04-18 12:25:05 发布 · 490 阅读 · 0
文章标签：

#webservice #asp.net #ajax #asp #scripting #string

本文介绍如何在ASP.NET AJAX中调用Web Service，包括带参数的方法、无参数的方法及返回DataTable的方法，并提供了详细的示例代码。

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均有转换器WEB服务1：WS1

Imageusing System;
Imageusing System.Web;
Imageusing System.Collections;
Imageusing System.Web.Services;
Imageusing System.Web.Services.Protocols;
Imageusing Microsoft.Web.Script.Services;
Imageusing System.Data;
ImageImage/**//// <summary>
Image/// WS1 的摘要说明
Image/// </summary>
Image[WebService(Namespace = "http://tempuri.org/")]
Image[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
Image[ScriptService]
ImageImagepublic class WS1 : System.Web.Services.WebService Image{
Image
ImageImage    public WS1 () Image{
Image
Image        //如果使用设计的组件，请取消注释以下行 
Image        //InitializeComponent(); 
Image    }
Image
Image    [WebMethod]
Image    public string ServerTime()
ImageImage    Image{
Image        return String.Format("now： {0}", DateTime.Now);
Image    }
Image
Image    [WebMethod]
Image    public DataTable GetDataTable()
ImageImage    Image{
Image        DataTable dt = new DataTable("Person");
Image
Image        dt.Columns.Add(new DataColumn("Name", typeof(string)));
Image        dt.Columns.Add(new DataColumn("LastName", typeof(string)));
Image        dt.Columns.Add(new DataColumn("Email", typeof(string)));
Image
Image        dt.Rows.Add("kui", "he", "hekui168@163.com");
Image        dt.Rows.Add("ren", "chao", "chaoren888@163.com");
Image
Image        return dt;
Image    }
Image}
Image
Image

WEB服务2：WS

Imageusing System;
Imageusing System.Web;
Imageusing System.Collections;
Imageusing System.Web.Services;
Imageusing System.Web.Services.Protocols;
Imageusing Microsoft.Web.Script.Services;
Image
ImageImage/**//// <summary>
Image/// WS 的摘要说明
Image/// </summary>
Image[WebService(Namespace = "http://tempuri.org/")]
Image[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
Image[ScriptService]
ImageImagepublic class WS : System.Web.Services.WebService Image{
Image
ImageImage    public WS () Image{
Image
Image        //如果使用设计的组件，请取消注释以下行 
Image        //InitializeComponent(); 
Image    }
Image
Image    [WebMethod]
Image    [ScriptMethod(UseHttpGet = true)]
Image    public string HelloWorld(String query)
ImageImage    Image{
Image        string inputString = Server.HtmlEncode(query);
Image        if (!String.IsNullOrEmpty(inputString))
ImageImage        Image{
Image            return String.Format("hello, {0}. ", inputString);
Image        }
Image        else
ImageImage        Image{
Image            return "query string is null or empty";
Image        }
Image    }
Image
Image}
Image
Image

二、前台页面：
注意要点：
需要使用的后台WebService的方法均设置在如下位置

Image        <asp:ScriptManager ID="ScriptManager1" runat="server">
Image            <Services>
Image                <asp:ServiceReference Path="~/WS.asmx" />
Image                <asp:ServiceReference Path="~/WS1.asmx" />
Image            </Services>
Image        </asp:ScriptManager>

Default页面：

ImageImage<%Image@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
Image
Image<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Image<html xmlns="http://www.w3.org/1999/xhtml">
Image<head runat="server">
Image    <title>Untitled Page</title>
Image
ImageImage    <script language="javascript" type="text/javascript" src="js.js">Image
Image    </script>
Image
Image</head>
Image<body>
Image    <form id="form1" runat="server">
Image        <asp:ScriptManager ID="ScriptManager1" runat="server">
Image            <Services>
Image                <asp:ServiceReference Path="~/WS.asmx" />
Image                <asp:ServiceReference Path="~/WS1.asmx" />
Image            </Services>
Image        </asp:ScriptManager>
Image        <div>
Image            <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="dd();return false;" />
Image            <div id="time">
Image            </div>
Image            <div id="List1">
Image                <asp:DropDownList ID="ddl1" runat="server" Width="187px">
Image                </asp:DropDownList>
Image                </div>
Image            
Image        </div>
Image    </form>
Image</body>
Image</html>
 

三、JavaScript程序:
注意要点：
AJAX November CTP 需要用 eval() 方法将其转换成一个DataTable对象(并且要裁掉最前面的"(")，而AJAX December CTP 支持以下方法转换“Sys.Preview.Data.DataTable.parseFromJson(result)”

Image    function dd()
ImageImage    Image{
Image        WS.HelloWorld(   
Image                         'hekui', 
Image                         function(result) 
ImageImage                         Image{ 
Image                            alert(result); 
Image                         } 
Image                     );
Image        WS1.ServerTime(  
Image                         function(result) 
ImageImage                         Image{ 
Image                            alert(result); 
Image                            var divTime = document.getElementById("time");
Image                            divTime.innerHTML = result;
Image                         } 
Image                     );
Image       WS1.GetDataTable(
Image                         function(result) 
ImageImage                         Image{
Image                            // 获取到下拉框控件
Image                            var List = document.getElementById("ddl1"); 
Image                                                       
Image                            //AJAX November CTP 需要用 eval() 方法将其转换成一个DataTable对象(并且要裁掉最前面的"(")
Image                            var Text= result.dataArray.substring(0,result.dataArray.length -1);            
Image                            var Table = eval( Text);
Image                            
Image                            //AJAX December CTP 支持以下方法转换
Image//                            var Table = Sys.Preview.Data.DataTable.parseFromJson(result);
Image                            
Image                            //清除下拉框原有列表项
Image                            for (x=List.options.length-1; x > -1; x--) 
ImageImage                            Image{
Image                                List.remove(0);
Image                            }
Image                            
Image                            //从获取的DataTable添加数据到下拉框列表项
Image                            for (x=0; x < Table.length; x++ )
ImageImage                            Image{
Image                                //获取每一行
Image                                var Row = Table[x];          
Image                                //创建一个列表项                  
Image                                var option = document.createElement("option"); 
Image                                //列表项显示文本赋值
Image                                option.text = Row.Name + " " + Row.LastName;   
Image                                //列表项选项值赋值
Image                                option.value = Row.Email;                      
Image
Image                                //判断浏览器类型，进行项目添加     
Image                                if ( window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) 
Image                                   List.add(option);  
Image                                else
Image                                   List.add(option, null);          
Image                            }
Image                         }
Image                       );
Image    }
Image  <system.web.extensions>
Image    <scripting>
Image      <webServices>
Image        <jsonSerialization>
Image          <converters>
Image            <add name="DataSetConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataSetConverter, Microsoft.Web.Preview"/>
Image            <add name="DataRowConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataRowConverter, Microsoft.Web.Preview"/>
Image            <add name="DataTableConverter" type="Microsoft.Web.Preview.Script.Serialization.Converters.DataTableConverter, Microsoft.Web.Preview"/>
Image          </converters>
Image        </jsonSerialization>
Image      </webServices>
Image    </scripting>
Image  </system.web.extensions>

 

asp.net2.0项目之利用webService实现的新闻系统(VS2005+SQL2000)
11-27
利用webService实现的新闻系统 实现了新闻的添加、编辑、删除以及用户管理功能，功能上比较简单，但是都是通过调用webService来实现的，而且采用了MVC面向对象模式进行开发，用户登录采用了自定义控件 安装注意： 分别设置book10和book10Service为虚拟目录切建立在默认的站点localhost下（否则调用webService会出错） 默认帐号密码均为51aspx 数据库连接信息写在NewsPublish.asmx.cs文件中，请根据你的实际情况自行修改 ConnectionString 友情提示: 一般数据库文件默认在DB_51aspx文件夹下,用SQL2000附加即可 如果使用VS2005打开本站项目文件，建议打开前务必安装VS2005Sp1
Asp.Net的webService简单示例
06-03
本示例主要展示了如何在C#中创建一个简单的Web服务，并利用jQuery进行调用，以及如何返回自定义的JSON数据，而非依赖ASP.NET默认的`{d:content}`格式。 首先，创建一个新的ASP.NET Web服务项目。在Visual Studio中...
[翻译]ASP.NET AJAX调用Web Service
weixin_34221276的博客
02-12 183
原文地址：http://www.developer.com/net/asp/article.php/3657826[原文×××] ASP.NET AJAX调用Web Service 原文发布日期：2007.02.08作者：Bipin Joshi翻译：webabcd介绍尽管AJAX是种客户端技术，但实际上的开发过程，它经常要调用一个服务器端的过程。通常，网站上的数据是存放在...
asp.net ajax项目调用webservice
weixin_30339969的博客
08-17 136
一、新建网站、asp.net ajax项目 web.config文件以自动生成、项目引用以自动完成 二、新建aspx页面，如下代码 三、新建webservice文件，如下代码 其中，给aspx托一个ScriptManager，在ScriptManager的Services中指定WebService文件；指定Scripts的Assembly和Name 四、运行 &...
ASP.NET AJAX中Webservice调用方法示例
电子商务 asp.net ajax
11-06 949
   ASP.NET 2.0 AJAX中能够在客户端js中很方便地调用服务器Webservice，以下为一些调用的示例。笔者安装的ASP.NET 2.0 AJAX   版本为AJAX November CTP。   三个示例分别为：   1 带参数的WS方法   2 不带参数的WS方法   3 参数类型为DataTable的WS方法   一、WebMethod  注意要点：   1 WebMeth
ASP.NET中ScriptManager调用WebService完整示例
标题“ScriptManager call webservice sample”明确指出了本示例的核心内容：展示如何通过ASP.NET中的ScriptManager控件，使客户端JavaScript代码能够直接调用服务器端的Web Service方法，实现Ajax式的无刷新数据...
ASP.NET+AJPAX实现WebService客户端调用示例
标题所提到的“基于ASP.NET + AJAX实现的客户端调用Web Service程序例子代码”涉及的关键知识点包括ASP.NET、C#、VS2005、AJAX和Web Service。下面将详细说明这些知识点以及如何使用它们来实现一个客户端调用Web ...
ASP.NET调用WebService服务的方法详解
10-22
本文将详细介绍***如何调用WebService服务，以及WebService服务的基本概念、创建和使用方法。 ### WebService基本概念 1. **应用程序逻辑单元**：Web服务包含了应用程序逻辑单元或者代码。这些代码能够执行运算...
利用AJAX和ASP.NET实现后台WebService客户端调用示例
1. **AJAX与ASP.NET的整合**：在ASP.NET中，后台的WebService通常是由一个.asmx文件来定义，里面包含了可供远程调用的方法。通过在客户端编写JavaScript代码，并使用AJAX技术，可以不刷新页面的情况下调用这些方法，...
最简单的webservice接口访问实例
08-07
最简单的webservice接口访问实例 vs2008
WebService返回DataTable问题
lionzl的专栏
06-09 1022
WebService返回DataTable问题 2007-09-28 0:28 今天做项目时,想在WebService中返回DataTable,在单位没成功,看网上有人说datable在.net1.1中是没有序列化的,不能直接在webservice中返回,可以返回dataset.晚上回家又上网找了一下,看到说法基本一致,还有一篇被引用很多的文章说在asp.net2.0中da
.net2.0中WebService在序列化xml数据Generic字典类型的问题
weixin_30613727的博客
01-13 159
最近在公司代码中一个WEB SERVICE 看到使用字典类型做为返回类型，如下：[WebMethod] public IDictionary<string, string> UpdateThreadById(RequestThread reqThread).... .csharpcode, .csharpcode pre { font-size: small...
ASP.NET WebService+Ajax调用
ASP.NET
04-18 2063
default.aspx 代码如下： @ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> DOCTYPE html> html xmlns="http://www.w3.org/1999/xhtml"> head runat="server"> me
Asp.Net Ajax 如何调用WebService
技术就是个纸老虎---为之，则难者亦易矣；不为，则易者亦难矣。
12-13 907
利用Asp.Net自带的Ajax调用WebService 中的方法非常方便，甚至不需要任何Javascript代码，主要是下面的第4步里，如何调用WebService1、建立项目WebService和WebApp项目，如图所示，（我这里用了英文版，最近发现如果用汉语版的话，会出现些问题：1、添加不了Dynamic Data WebApplication，一添加就出错。2、如果把返回为一个集合的存储过程拖放到Linq To SQL Class时，如果不指定返回值，生成的方法名后夹杂些汉语）
ASP.NET AJAX调用WebService
weixin_34337381的博客
06-28 149
2019独角兽企业重金招聘Python工程师标准>>> ...
ASP.NET AJAX调用 WebService
weixin_30645617的博客
01-27 190
同事的代码，帮忙修改的，为了实现页面跳转回来后，状态的保持，Service 使用了Session。 主要的JS $.ajax({ url: "/ws/StaffInfo.asmx/Note",//路径/方法 type: "POST", contentType: "application/json", ...
ASP.NET 2.0 WebService中传递DataTable参考
canduecho的专栏
01-10 809
在2.0正式版发布之前，就满天的看到关于DataTable支持序列化的新特性宣传，满以为从此以后使用DataTable就和DataSet一样方便了，结果在应用项目的时候才发现并非那么回事。 /?" 　　DataTable是支持序列化了，但是微软并没有把他做的特别方便，还需要我们自己来做一些工作之后才能够在WebService里面传递DataTable，否则在引用DataTable的时候会发现Dat
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值