通过jsonp调用wcf服务的例子

最新推荐文章于 2021-06-04 02:29:48 发布

置顶洛夜

最新推荐文章于 2021-06-04 02:29:48 发布

阅读量692

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hun_cs_scu/article/details/8135680

本文介绍如何创建一个支持JSONP跨域调用的WCF服务，并通过jQuery实现客户端调用。首先展示了如何搭建WCF服务并配置web.config支持跨域访问，然后给出了客户端jQuery代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、创建WCF服务

1.新建一个Web应用程序，在其中添加启用了ajax的WCF服务，名称为service1.svc(这里就不管命名规范了)，代码如下

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 WebJsonpTest
{
    [ServiceContract(Namespace = "")]
    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class Service1
    {
        // 要使用 HTTP GET，请添加 [WebGet] 特性。(默认 ResponseFormat 为 WebMessageFormat.Json)
        // 要创建返回 XML 的操作，
        //     请添加 [WebGet(ResponseFormat=WebMessageFormat.Xml)]，
        //     并在操作正文中包括以下行:
        //         WebOperationContext.Current.OutgoingResponse.ContentType = "text/xml";
        [OperationContract]
        [WebGet(ResponseFormat = WebMessageFormat.Json)]
        public string helloWorld()
        {
            return "Hello World";
        }


        // 在此处添加更多操作并使用 [OperationContract] 标记它们
    }
}

2.修改配置文件web.config

<?xml version="1.0"?>


<!--
  有关如何配置 ASP.NET 应用程序的详细信息，请访问
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->


<configuration>
  <connectionStrings>
    <add name="ApplicationServices"
         connectionString="data source=.\SQLEXPRESS;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnetdb.mdf;User Instance=true"
         providerName="System.Data.SqlClient" />
  </connectionStrings>


  <system.web>
    <compilation debug="true" targetFramework="4.0" />


    <authentication mode="Forms">
      <forms loginUrl="~/Account/Login.aspx" timeout="2880" />
    </authentication>


    <membership>
      <providers>
        <clear/>
        <add name="AspNetSqlMembershipProvider" type="System.Web.Security.SqlMembershipProvider" connectionStringName="ApplicationServices"
             enablePasswordRetrieval="false" enablePasswordReset="true" requiresQuestionAndAnswer="false" requiresUniqueEmail="false"
             maxInvalidPasswordAttempts="5" minRequiredPasswordLength="6" minRequiredNonalphanumericCharacters="0" passwordAttemptWindow="10"
             applicationName="/" />
      </providers>
    </membership>


    <profile>
      <providers>
        <clear/>
        <add name="AspNetSqlProfileProvider" type="System.Web.Profile.SqlProfileProvider" connectionStringName="ApplicationServices" applicationName="/"/>
      </providers>
    </profile>


    <roleManager enabled="false">
      <providers>
        <clear/>
        <add name="AspNetSqlRoleProvider" type="System.Web.Security.SqlRoleProvider" connectionStringName="ApplicationServices" applicationName="/" />
        <add name="AspNetWindowsTokenRoleProvider" type="System.Web.Security.WindowsTokenRoleProvider" applicationName="/" />
      </providers>
    </roleManager>


  </system.web>


  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
  </system.webServer>
  <system.serviceModel>


    <!--为了支持跨域调用，需要增加以下内容-->
    <standardEndpoints>
      <webHttpEndpoint>
        <standardEndpoint crossDomainScriptAccessEnabled="true"/>
      </webHttpEndpoint>
    </standardEndpoints>
    <bindings>
      <webHttpBinding>
        <binding crossDomainScriptAccessEnabled="true" />
      </webHttpBinding>


    </bindings>
    <behaviors>
      <endpointBehaviors>
        <behavior name="WebJsonpTest.Service1AspNetAjaxBehavior">
          <enableWebScript />
        </behavior>
      </endpointBehaviors>
      <serviceBehaviors>
        <behavior name="EnableMetadataBehaviors">
          <serviceMetadata httpGetEnabled="true" />
          <serviceDebug includeExceptionDetailInFaults="true" />
        </behavior>
      </serviceBehaviors>
    </behaviors>


    <serviceHostingEnvironment aspNetCompatibilityEnabled="true"
      multipleSiteBindingsEnabled="true" />
    <services>
      <service name="WebJsonpTest.Service1" behaviorConfiguration="EnableMetadataBehaviors">
        <endpoint address="" behaviorConfiguration="WebJsonpTest.Service1AspNetAjaxBehavior"
          binding="webHttpBinding" contract="WebJsonpTest.Service1" />
      </service>
    </services>
  </system.serviceModel>
</configuration>

二、客户服jquery代码

<!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><title>JSONP_test</title>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        function GetServerHelloWorld() {
            $.ajax(
                    {type : "get",
                    url: "http://localhost/Service1.svc/helloWorld",
                    dataType: "jsonp",
                    success: function(data){
                        alert(data);
                    }
                    }
            );
        }
    </script>
</head>
<body><input type="button" onclick="GetServerHelloWorld()" value="GetTime"/></body>
</html>