js跨域调用wcf服务
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 455
js跨域调用wcf服务:1.在Service.cs里添加:[AspNetCompatibilityRequirements(RequirementsMode=AspNetCompatibilityR

js跨域调用wcf服务:

1.在Service.cs里添加:

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
[JavascriptCallbackBehavior(UrlParameterName="jsoncallback")]

public class Service

{

    [OperationContract]
    [WebGet(RequestFormat = WebMessageFormat.Json)]

  public string getChapter(string symbol,string chapter)

  {

       symbol="A";

       chapter="BBBB";

       string result=symbol+chapter;

  }

}

2.在配置文件里:

  <system.serviceModel>
    <behaviors>
      <endpointBehaviors>
        <behavior name="webBehavior">
          <enableWebScript />
        </behavior>
      </endpointBehaviors>
      <serviceBehaviors>
        <behavior name="navMetadataBehavior">
          <serviceMetadata httpGetEnabled="true"/>
          <serviceDebug includeExceptionDetailInFaults="true" />
        </behavior>
      </serviceBehaviors>
    </behaviors>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true"
      multipleSiteBindingsEnabled="true" >
      <baseAddressPrefixFilters>
        <add prefix="string"/>
      </baseAddressPrefixFilters>
    </serviceHostingEnvironment>
    <services>
      <service name="ReaderService" behaviorConfiguration="navMetadataBehavior">
        <endpoint address="" behaviorConfiguration="webBehavior"
          binding="webHttpBinding" contract="ReaderService" bindingConfiguration="webBinding" />
        <!--<endpoint address="" binding="basicHttpBinding" contract="ReaderService"  />-->
      </service>
    </services>
    <bindings>
      <webHttpBinding>
        <binding name="webBinding" crossDomainScriptAccessEnabled="true"></binding> //跨域
      </webHttpBinding>
    </bindings>
  </system.serviceModel>

3.在页面:

在文本框输入:两个文本框分别输入:A 和BBBB;

 <script type="text/javascript">
        function GetServerHelloWorldByJsop() {
            var symbol = document.getElementById("symbol").value;
            var chapter = document.getElementById("chapter").value;

           $.getJSON("http://192.168.80.20:90/ReaderService.svc/getChapter?jsoncallback=?",
            { symbol: symbol, chapter: chapter },
             function (data) {
                 alert(data);
             });
        }
    </script>

<body>
   <h2>修改订单</h2>
   Code: <input type="text" id="symbol" />
    Chapter:   <input id="chapter" type="text" />
  <input type="button" id="btnExcute" name="btnExcute" value="查询"  onclick="GetServerHelloWorldByJsop();"/>
</body>

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2