本实例讲解Ajax 调用WCF服务。

1、建立一个网站，并在其中添加一个WCF服务（这里需要选择Ajax-Enabled WCF Service）。

2、IDE会自动生成一个SVC文件。

3、服务代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Runtime.Serialization;

using System.ServiceModel;

using System.ServiceModel.Activation;

using System.ServiceModel.Web;

using System.Text;

namespace WebApplication2

{

    [ServiceContract(Namespace = "WebApplication2")]

    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

    public class Service1

    {

        // To use HTTP GET, add [WebGet] attribute. (Default ResponseFormat is WebMessageFormat.Json)

        // To create an operation that returns XML,

        //     add [WebGet(ResponseFormat=WebMessageFormat.Xml)],

        //     and include the following line in the operation body:

        //         WebOperationContext.Current.OutgoingResponse.ContentType = "text/xml";

        [OperationContract]

        public bool ValidateUser(string uid, string pwd)

        {

            if(uid=="sa" && pwd=="sa")

            {

                return true;

            }

            return false;

        }

        //public void DoWork()

        //{

        //    // Add your operation implementation here

        //    return;

        //}

        // Add more operations here and mark them with [OperationContract]

    }

}

4、服务写好后就可以调用，这里在页面中添加一个ScriptManager，并引入WCF Webservice,代码如下
Get.aspx前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Get.aspx.cs" Inherits="WebApplication2.Get" %>

<!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 ValidateUser(uid, pwd) {

             WebApplication2.Service1.ValidateUser(uid,pwd, OnSucceed, OnFailed);

         }

         function OnSucceed(result) {

             if (result == true) {

                 window.alert("通过验证");

             }

             else {

                 window.alert("验证失败！")

             }

         }

         function OnFailed(result) {

             window.alert("操作失败：" + result._message);

         }

         function Button1_onclick() {

             var uid = $get("tbxUid").value;

             var pwd = $get("tbxpwd").value;

             ValidateUser(uid,pwd);

         }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <asp:ScriptManager ID="scriptmanager1" runat="server">

    <Services>

    <asp:ServiceReference Path="~/Service1.svc" />

    </Services>

    </asp:ScriptManager>

    </div>

    <div>

    用户名：<input id="tbxUid" type="text" /><br/>

    密码：<input id="tbxpwd" type="text" /><br />

    <input id="button1" type="button" value="Submit" onclick="return Button1_onclick();"

    </div>

    </form>

</body>

</html>

5、这里需要注意的是，在调用 WebApplication2.Service1.ValidateUser方法时，代码中并没有直接取该函数的返回值，因为利用这种方案对服务器函数的调用都是异步的，正确的处理方法是指定了两个回调函数OnSucceed和OnFaile，第一个函数是成功时的回调，后一个是失败时的回调，这两个函数都需要一个参数，OnSucceed的参数就是服务器函数的返回值，而OnFaile的参数就是失败时的出差信息，功能类似Exception类型，其中_message属性中出错信息，_stackTrace中出错的堆栈跟踪信息。

6、这是一种常规的异步回调模式，大多数语言都会这么写。

7、运行结果：

ASP.NET Ajax 简单实例的更多相关文章

  1. PHP Ajax简单实例

    最近学习Jquery Ajax部分,通过简单例子,比较了下post,get方法的不同 HTML部分 <html> <head> <title>jQuery Ajax ...

  2. php的ajax简单实例

    很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈. 为了防止我自己忘记,现在把这个简单的实例记录下.这个实例是网上搜的,文末附上链接. 首先你得有自己的服务器 ...

  3. ASP.NET Ajax简单的无刷新分页

    最近练习了一些AJAX无刷新分页,写得比较简单,性能不知道怎么样,求大神指点,如有更好的分页提供,欢迎交流! 发话不多说了,直接上代码! 首先从网上下了一个JS分页,感觉挺好用的 (function( ...

  4. Ajax 简单实例，其实就是js里面内容有些不同而已（转载）

    这些时间,瞎子也看得见,AJAX正大踏步的朝我们走来.不管我们是拥护也好,反对也罢,还是视而不见,AJAX像一阵潮流,席转了我们所有的人. 关于AJAX的定义也好,大话也好,早有人在网上发表了汗牛充栋 ...

  5. EXT ajax简单实例

    转载:http://www.cnblogs.com/xiepeixing/archive/2012/10/24/2736751.html EXT ajax request是ext中对于ajax请求的实 ...

  6. AJAX简单实例

    越用AJAX越觉得它的强大.好用. 平常我们提交表单,是直接通过action属性,直接向后台提交数据. 我们也可以用AJAX向后台提交数据.例如: 这是一个表单,两个字段:notice,scort,保 ...

  7. ajax 简单实例

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> ...

  8. Ajax简单实例（基于jQuery）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  9. asp.net ajax 简单案例

    第一步先引用 scriptManager <asp:UpdatePanel ID="UpdatePanelGuanZhu" runat="server"& ...

随机推荐

  1. 关于Sublime text 的PHP编译环境配置的问题

    前一段时间终于装上了传说中的代码编辑神器====>Sublime Text ,一打开便爱不释手,于是在网上找PHP的配置方案和插件,所有的一切都搞定了,可就是编译的时候没有显示,也没有提示,熬了 ...

  2. Unix时间戳转换怎样在Excel批量修改?

    最近在操作项目的时候碰到一个Unix时间戳转换的问题."date_time":1393031347这个是什么,你知道吗?如果你对Unix时间戳了解的话一眼就看出来.但我们本着科普的 ...

  3. JS/HTML 保存图片到本地：HTML <a> download 属性

    JS如何保存图片到本地呢?自己百度一下吧! 这里想要说的是,可以利用 HTML 的 <a> 标签 来是实现保存图片到本地的功能,参考代码如下: <a href="http: ...

  4. Sublime多行编辑快捷键

    鼠标选中多行,按下 Ctrl Shift L (Command Shift L) 即可同时编辑这些行: 鼠标选中文本,反复按 CTRL D (Command D) 即可继续向下同时选中下一个相同的文本 ...

  5. SQL server 语句新建用户、对用户授权、删除用户实例

    Grant select on tb to db_user --给db_user用户授权 tb表 查询权限 一.命令操作 USE mydb GO --1. 新建测试用户 --1.1 添加登录用户和密码 ...

  6. Android应用性能优化

    整理自http://androidperformance.com的几篇博客 代码内存优化-Java篇 避免创建不必须的对象,虽然GC可以回收不用的对象,但为对象分配内存和回收它们同样是需要消耗资源的. ...

  7. [COJ0985]WZJ的数据结构（负十五）

    [COJ0985]WZJ的数据结构(负十五) 试题描述 CHX有一个问题想问问大家.给你一个长度为N的数列A,请你找到两个位置L,R,使得A[L].A[L+1].…….A[R]中没有重复的数,输出R- ...

  8. [KOJ95603]全球奥运

    [COJ95603]全球奥运 试题描述 一个环形的图中有N个城市,奥运会重要项目就是传递圣火,每个城市有A[i]个圣火,每个城市可以向它相邻的城市传递圣火(其中1号城市可以传递圣火到N号城市或2号城市 ...

  9. Android Studio日志工具的使用

    Android Studio的LogCat工具 Verbose:对应Log.v(),这个方法用于打印那些最为琐碎的信息,意义最小的日志信息.是Android日志里面级别最低的一种. Debug:对应L ...

  10. BZOJ 1468: Tree

    Description 真·树,问距离不大于 \(k\) 的点对个数. Sol 点分治. 同上. Code /********************************************* ...