码迷,mamicode.com
首页 > Web开发 > 详细

JQuery调用WCF服务,部署在iis

时间:2014-12-15 13:40:42      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   color   os   使用   

1.       配置服务端的web.confing文件图片中圈的地方需要着重配置bubuko.com,布布扣

2.服务实现类需在类名上加上此语句(wcf服务可以在asp.net兼容模式为truefalse的应用程序中运行)

  [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

4.  接口中的方法上需加上此语句(获取或设置服务操作或相应的http协议方法,包装请求)使用jsJQuery调用服务不可使用$.post()方法,

  如想使用请使用$.ajax()并将参数dataType属性值设置为jsonp,可以跨域访问

 

[WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]

 

5.  服务参数类型不限,返回值List集合、对象、字符等等测试都ok

6.服务接口与实现类

 1 // 注意: 使用“重构”菜单上的“重命名”命令,可以同时更改代码和配置文件中的接口名“IService1”。
 2     [ServiceContract]
 3     public interface IService1
 4     {
 5 
 6         [OperationContract]
 7         [WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
 8         string Add(string name);
 9 
10         [OperationContract]
11         [WebInvoke(Method = "GET", BodyStyle = WebMessageBodyStyle.WrappedRequest, ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json)]
12         List<Test> GetAllTest();
13         // TODO: 在此添加您的服务操作
14     }
 1  [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
 2     //[JavascriptCallbackBehavior(UrlParameterName = "jsoncallback")]
 3     public class Service1 : IService1
 4     {
 5         public string Add(string name)
 6         {
 7             return "hello " + name;
 8         }
 9         public List<Test> GetAllTest()
10         {
11             List<Test> list = new List<Test>();
12             list.Add(new Test("赵海莹", 24, ""));
13             list.Add(new Test("刘培华", 24, ""));
14             return list;
15         }
16     }

7. JS调用方法

 1  $.ajax({
 2             url: "http://localhost:9014/Service1.svc/GetAllTest",
 3             type: "post",
 4             contentType: application/json,
 5             dataType: jsonp,
 6             success: function (returnValue) {
 7                 if (returnValue != null) {
 8                     for (var i = 0; i < returnValue.length; i++) {
 9                         $("#userlist").append("<li>姓名:" + returnValue[i].name + ",年龄:" + returnValue[i].age + ",性别:" + returnValue[i].sex + "</li>")
10                     }
11                 }
12             },
13             error: function () {
14                 alert("error")
15             }
16         });

 

 

 

 

 

1.       配置服务端的web.confing文件图片中圈的地方需要着重配置

JQuery调用WCF服务,部署在iis

标签:des   style   blog   http   io   ar   color   os   使用   

原文地址:http://www.cnblogs.com/zhhying/p/4164548.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!