最近在学习这个WCF，由于刚开始学 不久，发现网上的一些WCF教程都比较简单，感觉功能跟WebService没什么特别大的区别，但是看网上的介绍，就说WCF比WebService牛逼多少多少，反正我刚开始入门，就没觉得多大区别啦，这次写的东西跟WebService一样，我们写了一个WCF，那当然就是要用的，要用的话，当然不能只能在.NET平台下用了，必须跨平台呀，所以，Ajax能调用，这个基本的要求就必须要实现的了，所以，本次经验分享就是写JQuery的Ajax调用WCF的服务了。
一、新建一个WCF，如下：
二、然后把项目自动生成的两个例子删了，如下图：
三、然后新建一个：AjaxService.svc，如下图：
新建之后，会提示这个，选择“全是“即可，然后他就会自动更改Web.config里面的一些参数，用户Ajax跨域的，基本上就是这些了，如下图：
四：现在我们需要配置Web.config的一些参数，首先就是配置Forms身份验证，这个必须要配置，否者调用不成功，如下图：
<authentication mode="Forms" />
接着再配置一下绑定，这里，我们使用图形的方法来绑定，否则完全代码配置，会头晕的，首先在Web.config处右键，如下图：
在“绑定”处，新建绑定，如下图：
选择：webHttpBinding，如下图：
然后，确定，然后我们修改一下这个绑定的名称，不然后续如果我们越来越多WCF文件的时候，就会傻傻分不清楚了，这里我们改名为：AjaxServiceBinding，此外还需要把“crossDomainScriptAccessEnabled”设置为“true”，如下图：
接着，我们去到"服务"，然后编辑一下“终结点”的配置，这里面需要修改两个地方，第一个：就是给这个终结点一个Name，我们这里就以WCF文件的名称“AjaxService”来命名，第二个就是要在“BindingConfiguration”处绑定我们刚刚配置的那个“绑定”，这样服务才能正常使用，如下图：
五、到此为止，Web.config的配置就告一段落，如果需要配置多个WCF文件，那就重复以上操作，下面，我们转到AjaxService.svc中去编写我们要运用到的方法。
首先，我们编写一个不需要传递参数的方法，全文如下图：
这里提供文字类，以免学习过程中由于代码敲错的报错影响学习效果：
//下面这个需要我们手动添加
[JavascriptCallbackBehavior(UrlParameterName = "jsoncallback")]
//首先我们创建一个不传递参数的WCF方法，如下：
[OperationContract]
[WebGet(ResponseFormat = WebMessageFormat.Json)]
到这里，一个不需要传递参数的方法，结束，接下来，就是Ajax的调用，调用也很简单，我们先把这个WCF跑起来，看看他的服务地址是多少：
首先，右键→“浏览器 ”访问：
然后我们就看到这个，看到这个，代表我们这个WCF服务已经成功创建了（日后正式使用，发布在IIS就可以了，跟发布普通网站一样。），如下图：
那么，我们就去新建一个HTML来试试看能否正常调用：
六、新建一个HTML，怎么简单怎么来，我们就弄一个button和一个js的方法，代码如下（JQuery自己引用，这里我用的是本地的）:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function fGetWCF() {
$.getJSON("http://localhost:5603/AjaxService.svc/MyFirstWCFFunction?jsoncallback=?",
function(data) {
alert(data);
var vData = JSON.stringify(data);
alert(vData);
});
}
</script>
</head>
<body>
<input type="button" name="wcf" id="wcf" value="无参数调用WCF测试" onclick="fGetWCF()" />
</body>
</html>
然后我们把页面跑起来，点击“”，就会看到弹出下面这个：
代表我们调用成功了，这个时候，我们可以暗爽一下了。
七：但是，万恶的但是出现了。嗯，没错，我们项目中经常用到的是，肯定要传参的了，不传参怎么用啊，你说是不是，所以，下面我就讲到传参的了。
万幸的是，这次我们的Web.config不需要动他了，我们只需要在新方法里面，做一些小改动即可，如下（自己比较一下，需要传参与不需要传参的区别哈）：
//接下来，我们就新建一个需要传参的方法，如下：
[OperationContract]
[WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
public string MySecondWCFFunction(string name)
{
string strMsg = string.Format("我的第二个WCF方法，我【{0}】调用成功啦，好开心，O(∩_∩)O哈哈~", name);
// 在此处添加操作实现
return strMsg;
}
然后HTML的代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function fGetWCF() {
$.getJSON("http://localhost:5603/AjaxService.svc/MyFirstWCFFunction?jsoncallback=?",
function(data) {
alert(data);
var vData = JSON.stringify(data);
alert(vData);
});
}
function fGetWCF2() {
$.getJSON("http://localhost:5603/AjaxService.svc/MySecondWCFFunction?jsoncallback=?", {
name: '南宫萧尘'
},
function(data) {
alert(data);
var vData = JSON.stringify(data);
alert(vData);
});
}
</script>
</head>
<body>
<input type="button" name="wcf" id="wcf" value="无参数调用WCF测试" onclick="fGetWCF()" />
<input type="button" name="wcf" id="wcf" value="有参数调用WCF测试" onclick="fGetWCF2()" />
</body>
</html>
到这里，就大功告成啦，接下来的东西，就由大家自己去展开拓展了，本次经验分享到此结束。
我新建一个QQ群，如果有问题，可以在群里提。如果合适，也会根据大家提的比较多的问题，来写篇博文，帮助更多的人，群号：275523437
（如果有私活，或者一起合作的，也可以私信找我呀，嘿嘿）；
作者：南宫萧尘
E-mail：314791147@qq.com
QQ：314791147
日期：2016-05-16
- WCF入门教程（四）通过Host代码方式来承载服务 一个WCF使用TCP协议进行通协的例子 jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding System.ServiceModel.WSHttpBinding协议 学习WCF笔记之二 无废话WCF入门教程一[什么是WCF]
WCF入门教程(四)通过Host代码方式来承载服务 Posted on 2014-05-15 13:03 停留的风 阅读(7681) 评论(0) 编辑 收藏 WCF入门教程(四)通过Host代码方式来 ...
- jquery ajax调用WCF，采用System.ServiceModel.WebHttpBinding
Jquery ajax调用WCF服务 例子效果如下:原界面 点击按钮GetList get后,通过指定的Url获取数据添加到table 新建一个控制台项目,添加IContract.cs,DBServi ...
- MSCRM 通过Ajax调用WCF服务
Call WCF Service from Dynamics CRM using AJAX A couple of days back, I had one of my ex-colleagues c ...
- JQuery Ajax调用WCF实例以及遇到的问题
1.遇到的最多的问题就是跨域问题,这个时间需要我们添加如下代码解决跨域的问题 第一步:在服务类加Attribute [AspNetCompatibilityRequirements(Requireme ...
- jquery ajax调用WCF，采用System.ServiceModel.WSHttpBinding协议
采用System.ServiceModel.WSHttpBinding或者basicHttpBinding 协议.客户端就不能直接在前端通过url直接访问服务了 它是基于SOAP协议的bing,会采用 ...
- Jquery AJAX 调用WebService服务
对Jquery+JSON+WebService的一点认识 文章不错:http://www.cnblogs.com/tyb1222/archive/2011/10/13/2210549.html Jqu ...
- 实现jquery.ajax及原生的XMLHttpRequest调用WCF服务的方法
废话不多说,直接讲解实现步骤 一.首先我们需定义支持WEB HTTP方法调用的WCF服务契约及实现服务契约类(重点关注各attribute),代码如下: //IAddService.cs namesp ...
- ajax内调用WCF服务
WCF可以当作WebService一样被调用,在html内通过ajax调用WCF服务的方法如下: 1.新建一个WCF服务的网站项目: 2.在项目内增加一个新项:启用了ajax的WCF服务: 3.在对应 ...
- ajax调用WebServices服务方法和传参调用WebServices注意事项
先演示下ajax是如何调用WebServices中的方法 1.新建一个页面default.aspx,一个Web服务 在页面中引用jQuery文件. <script src=" ...
随机推荐
- 如何一步一步用DDD设计一个电商网站（三）—— 初涉核心域
一.前言 结合我们本次系列的第一篇博文中提到的上下文映射图(传送门:如何一步一步用DDD设计一个电商网站(一)—— 先理解核心概念),得知我们这个电商网站的核心域就是销售子域.因为电子商务是以信息网络 ...
- C#学习资源
# 视频 C#程序设计 Cousera(推荐) # 文档 C#教程 MSDN Microsoft API 和参考目录
- Base64编码
Base64编码 写在前面 今天在做一个Android app时遇到了一个问题:Android端采用ASE对称加密的数据在JavaWeb(jre1.8.0_7)后台解密时,居然解密失败了!经过测试后发 ...
- H5坦克大战之【玩家控制坦克移动2】
周一没有看圣诞大战,这几天比较忙也没有看赛后的报道,今天就先不扯NBA,随便扯扯自己.昨天在电脑里找东西的时候翻到以前兼职健身教练时的照片,思绪一下子回到学生时代,脑子久久换不过来.现在深深觉得健身和 ...
- 【iOS】Xcode8+Swift3 纯代码模式实现 UICollectionView
开发环境 macOS Sierra 10.12.Xcode 8.0,如下图所示: 总体思路 1.建立空白的storyboard用于呈现列表 2.实现自定义单个单元格(继承自:UICollectionV ...
- 2013 Asia Changsha Regional Contest---Josephina and RPG(DP)
题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=4800 Problem Description A role-playing game (RPG and ...
- equals变量在前面或者在后面有什么区别吗？这是一个坑点
我就不废话那么多,直接上代码: package sf.com.mainTest; public class Test { public static void main(String[] args) ...
- 品牌营销：不要Beat，要逼格！
品牌营销:不要Beat,要逼格! 奥美的创始人大卫·奥格威说,广告营销应当是"具有风度的推销产品".而当下的营销手段,"风度"早已被抛之脑后, ...
- GitHub管理代码-随笔
公司一直用的SVN进行项目管理,平时便自己折腾了下Git,这里做下GitHub的最简单的记录... 在git上创建仓库等就免谈了,网上也有好多教程,直接从创建之后记录: 在github的readme文 ...
- 1 selenium3.0.1无法打开火狐浏览器
[问题描述] 1.配置selenium3.0和java后,尝试打开火狐浏览器,提示缺少geckodriver驱动. [解决方案] 1.在http://www.seleniumhq.org/downlo ...
