asp.net ajax1.0基础回顾(五):调用ASMX(WebService)

简介:

通过asp.net ajax来调用ASMX时,只需要将ASMX地址在ScriptManager上注册一下,具体如下:

1.创建ASMX,给WebService手动添加ScriptService属性,或取消注消ScriptService,代码如下:

 
  1. [WebService(Namespace = "http://tempuri.org/")] 
  2. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
  3. [System.Web.Script.Services.ScriptService] 
  4. public class HelloWebService : System.Web.Services.WebService 
  5.     [WebMethod] 
  6.     public String HelloWorld(String name) 
  7.     { 
  8.         return String.Format("Hello {0}", name); 
  9.     } 

2.client前端DOM代码:

 
  1. <asp:ScriptManager ID="ScriptManagerDemo" runat="server"> 
  2.     <Services> 
  3.         <asp:ServiceReference Path="HelloWebService.asmx" /> 
  4.     </Services> 
  5. </asp:ScriptManager> 
  6. <input id="btnCallWS" type="button" value="CallWS"  
  7. onclick="return btnCallWS_onclick()" /> 

3.client前端js代码:

 
  1. function btnCallWS_onclick() { 
  2.         HelloWebService.HelloWorld("彭金华", onSuccess); 
  3.  
  4. function onSuccess(result) 
  5.     alert(result); 

4.开始测试。

个人点评:

i. 给ASMX类添加ScriptService属性后,此ASMX便可以被前端asp.net ajax调用;

ii. 将ASMX的URL在ScriptManager控件上注册,主要目的是为了添加js引用,如上述示例中的;

<script src="HelloWebService.asmx/jsdebug" type="text/javascript"></script>

iii. 在HelloWebService.asmx/jsdebug引用中,包括自动生成的代理对象和代码原型方法,如上述示例中;

HelloWebService.HelloWorld (name,onSuccess,onFailed,userContext);

iv. 如果是WebApplication,在调用时需要加相应的命名空间。



本文转自 彭金华  51CTO博客,原文链接:http://blog.51cto.com/pengjh/596480

相关文章
|
1月前
|
XML 开发框架 .NET
C# .NET面试系列八:ADO.NET、XML、HTTP、AJAX、WebService
## 第二部分:ADO.NET、XML、HTTP、AJAX、WebService #### 1. .NET 和 C# 有什么区别? .NET(通用语言运行时): ```c# 定义:.NET 是一个软件开发框架,提供了一个通用的运行时环境,用于在不同的编程语言中执行代码。 作用:它为多语言支持提供了一个统一的平台,允许不同的语言共享类库和其他资源。.NET 包括 Common Language Runtime (CLR)、基础类库(BCL)和其他工具。 ``` C#(C Sharp): ```c# 定义: C# 是一种由微软设计的面向对象的编程语言,专门为.NET 平台开发而创建。 作
173 2
|
9月前
|
前端开发
解决.NET Core Ajax请求后台传送参数过大请求失败问题
解决.NET Core Ajax请求后台传送参数过大请求失败问题
|
10月前
|
开发框架 前端开发 JavaScript
【Asp.net】 Ajax小例子
【Asp.net】 Ajax小例子
67 0
|
12月前
|
开发框架 前端开发 JavaScript
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
ASP.Net Core中使用jquery-ajax-unobtrusive替换Ajax.BeginForm
154 0
|
开发框架 移动开发 前端开发
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
ASP.NET MVC中使用jQuery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径
248 0
|
开发框架 前端开发 .NET
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
127 0
ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
|
JSON 前端开发 .NET
如何构建ASP.NET MVC4&JQuery&AJax&JSon示例
背景:   博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax。 步骤: 1,添加控制器(HomeController)和动作方法(Index),并为Index动作方法添加视图(Index.cshtml),视图中HTML如下: 输入你的姓名: 输入你的年龄: 提交 清空   视图中包含两个文本框,分别用来输入名字和年龄,包含连个按钮,分别用来提交信息和清空文本框的内容,同时包含一个段落,用来显示Ajax返回的数据信息。
1049 0
|
SQL JSON 前端开发
.NET+Ajax+ashx 实现Echarts图表动态交互
前言:   使用Echarts展示图表效果,在这里只做了四种案例:折线、柱状、圆形、雷达。当初是一位朋友用到Echarts展示数据,他没有太多时间弄,所以我就帮他搞出来,当初刚接触的时候也是一头雾水,不知道该怎么下手,网上类似的案例有也不多,并且不是自己想要的效果。
1765 0
|
Web App开发 前端开发 索引
ASP.NET MVC 5调用其他Action
引用代码: @Html.Action("Index", "BaseData", new { d = "variety" })   后台获取参数: RouteData.Values["d"]   如果本文对你有所帮助,请打赏——1元就足够感动我:) 联系邮箱:intdb@qq.
793 0

相关实验场景

更多