JQuery调用WCF服务，部署在iis-白红宇

JQuery调用WCF服务，部署在iis

阅读量：5229 次

发布时间：2019-06-14

本文共 2644 字，大约阅读时间需要 8 分钟。

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

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

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

4. 接口中的方法上需加上{

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

}语句（获取或设置服务操作或相应的http协议方法，包装请求）使用js或JQuery调用服务不可使用$.post()方法，

如想使用请使用$.ajax()并将参数dataType属性值设置为jsonp，可以跨域访问，使用$.getJSON()方法调用服务时必须在类上加上

{

[JavascriptCallbackBehavior(UrlParameterName = "名字自定义")]}在js的url后加上?UrlParameterName(自定义的名称)=?

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
     
       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
     
       GetAllTest()10         {11             List
      
        list = new List
       
        ();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("姓名：" + returnValue[i].name + ",年龄：" + returnValue[i].age + ",性别：" + returnValue[i].sex + "
")10                     }11                 }12             },13             error: function () {14                 alert("error")15             }16         });

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

转载于:https://www.cnblogs.com/zhhying/p/4164548.html

你可能感兴趣的文章