跨域jQuery Ajax請求和WCF REST服務

我正在調用（Ajax請求）一個WCF REST服務，並且請求是跨域請求。跨域jQuery Ajax請求和WCF REST服務

如果我在同一個域中部署我的服務，那麼所有的工作都像奶油一樣。最終在生產中，該服務將處於不同的領域。

我正在使用jQuery 1.5.2。我的服務返回我一個錯誤說：

errorThrown: "jQuery15208493315000087023_1334089616458 was not called" 
textStatus: "parsererror"

雖然在Firefox中，我可以看到的JSON值，但執行降到Ajax請求的錯誤處理程序。

我的Ajax請求是：

function CallService() { 
    $.ajax({ 
     type: "GET", 
     url: "http://SomeService/EmpService.svc/GetValues?dv=1455", 
     contentType: "application/json; charset=utf-8", 
     dataType: "jsonp", 
     processdata: false,    
     success: function (data) { 
      ServiceSucceeded(data); 
     }, 
     error: function (jqXHR, textStatus, errorThrown) { 
      debugger; 
      alert("Service Error"); 
      ServiceFailed(jqXHR, textStatus, errorThrown); 
     } 
    }); 
}

在WCF服務的一面，我已經配置CrossDomainScriptAccess爲true：

<webHttpBinding> 
    <binding name="webHttpBindingWithJsonP" 
      crossDomainScriptAccessEnabled="true" /> 
</webHttpBinding>

JSON響應這是我從服務器得到的是：

[{"Message": "Stop On Duty", "MessageTime": "\/Date(1334068773893-0500)\/"}, 
{"Message": "Start On Duty", "MessageTime": "\/Date(1334068763540-0500)\/"}, 
{"Message": "App_testing_4102012924am", "MessageTime": "\/Date(1334068533627-0500)\/"}, 
{"Message": "Kunal_testing_4102012924am", "MessageTime": "\/Date(1334067945510-0500)\/"}, 
{"Message": "Alert: Door Open", "MessageTime": "\/Date(1334066280963-0500)\/"}]

我在設置中遺漏了什麼。如果服務移動到同一個域，整個代碼都可以正常工作。

我看着類似的帖子，但無法做到這一點。

來源

2012-04-10 Kunal Uppal

，我希望你也加入了跨域策略文件，點擊這裏http://msdn.microsoft.com/en-us/library/cc197955%28v = vs.95％29.aspx – Chandermani 2012-04-11 06:40:20

是的，根目錄 – 2012-04-11 13:36:00

好吧，我想出了我自己的。解決辦法是修改配置文件存儲業務細節

我添加標準端點，並在配置文件中

<standardEndpoints> 
     <webScriptEndpoint> 
     <standardEndpoint crossDomainScriptAccessEnabled="true"> 
     </standardEndpoint> 
     </webScriptEndpoint> 
     </standardEndpoints> 



    <bindings> 

    <webHttpBinding> 
    <binding name="webHttpBindingWithJsonP" 
      crossDomainScriptAccessEnabled="true" /> 
    </webHttpBinding>

來源

2012-04-16 22:20:27

已經存在，你的web.config中的哪一部分是你添加的？ – 2013-01-18 22:38:23

@ matthew_360位於標籤下，位於父標籤下 – 2016-01-15 13:36:59

我們如何在配置中指定特定域以允許「跨域」訪問？ – Virus 2017-03-22 11:17:12

我需要還可以添加<webHttpEndpoint>得到它的工作的結合：

<standardEndpoints> 
    <webHttpEndpoint> 
     <standardEndpoint crossDomainScriptAccessEnabled="true"></standardEndpoint> 
    </webHttpEndpoint> 
    <webScriptEndpoint> 
     <standardEndpoint crossDomainScriptAccessEnabled="true"></standardEndpoint> 
    </webScriptEndpoint> 
</standardEndpoints> 

<bindings> 
    <webHttpBinding> 
     <binding name="webHttpBindingWithJsonP" crossDomainScriptAccessEnabled="true" /> 
    </webHttpBinding> 
</bindings>

來源

2012-08-07 12:19:27

我很欣賞你更清晰的格式 – 2016-10-11 19:28:49

[OperationContract] 
    [WebGet(ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Bare, RequestFormat=WebMessageFormat.Json, 
    UriTemplate = "GetEmployeeJson")] 
    List<EmployeeData> GetEmployeeJson();

的Web.config

<bindings> 
     <webHttpBinding> 
      <binding name="webHttpBindingWithJsonP" 
        crossDomainScriptAccessEnabled="true" /> 
     </webHttpBinding> 
    </bindings> 
    <behaviors> 
     <serviceBehaviors> 
      <behavior name="WcfExample.Service1Behavior"> 
       <serviceMetadata httpGetEnabled="true"/> 
       <serviceDebug includeExceptionDetailInFaults="true"/> 
      </behavior> 
     </serviceBehaviors> 
     <endpointBehaviors> 
      <behavior name="WebBehavior"> 
       <webHttp/> 
      </behavior> 
     </endpointBehaviors> 
    </behaviors> 
    <services> 
     <service behaviorConfiguration="WcfExample.Service1Behavior" name="WcfExample.Service1"> 
      <endpoint address="" binding="webHttpBinding" contract="WcfExample.IService1" bindingConfiguration="webHttpBindingWithJsonP" behaviorConfiguration="WebBehavior" /> 
     </service> 
    </services>

Jquery的Ajax調用WCF服務

$.ajax({ 
      type: "GET", 
      contentType: "application/javascript", 
      crossDomain: true, 
      dataType: 'jsonp', 
      cache: true, 
      url: 'http://localhost:49349/Service1.svc/GetEmployeeJson', 
      success: function (data) { 
       var html = []; 

       alert(data[0].lastname); 


       $.each(data, function (index, value) { 
        $("#TableID").append("<tr><td>" + value.HREmpId + "</td><td>" + value.firstName + "</td><td>" + value.lastname + "</td><td>" + value.address + "</td><td>" + value.city + "</td></tr>"); 

       }); 


      }, 

      error: function (xhr, ajaxOptions, thrownError) { 
       alert("here error"); 
       alert(thrownError); 
       if (xhr != null) { 

        var err = JSON.parse(xhr.responseText); //you can throw a code-behinde Exception and it will automatically             //render to a valid JSON string when we rerieve the responseText 
        alert("ErrorMessage: " + err.Message + " StackTrace: " + err.StackTrace); 

       } 
      } 
     });

來源

2015-03-18 08:16:11 anupama

跨域jQuery Ajax請求和WCF REST服務

回答

相關問題