Cross-Domain-jQuery-Ajax-Request & WCF REST Service

Bin ich den Aufruf (Ajax-Request) eines WCF REST service und die Anforderung ist eine cross-domain-Anfrage.

Wenn ich bereitstellen von meinem service in der gleichen Domäne ist, funktioniert alles wie Sahne. Irgendwann in der Produktion, der service wird in einer anderen Domäne.

Bin ich mit Hilfe von jQuery 1.5.2. Mein Dienst gibt mir die Fehlermeldung:

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

Obwohl in Firefox sehe ich die JSON-Werte, aber die Ausführung fällt in die Fehlerbehandlung des Ajax-request.

Mein Ajax-request ist:

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-Service-Seite habe ich konfiguriert CrossDomainScriptAccess zu wahren:

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

JSON-Antwort, die ich von dem server ist:

[{"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)\/"}]

Bin ich etwas fehlt hier in den Einstellungen. Gesamte code funktioniert gut, wenn der service bewegt sich auf der gleichen domain.

Schaute ich in ähnlichen Beitrag, konnte aber nicht diese Arbeit machen.

InformationsquelleAutor Kunal Uppal | 2012-04-10
  1. 5

    Gut dachte ich, auf meinem eigenen. Lösung war die Konfigurationsdatei ändern, halten Sie die service-details

    Ich Hinzugefügt Standard-Endpunkt und die Bindung in der config-Datei 

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



  <bindings>

  <webHttpBinding>
    <binding name="webHttpBindingWithJsonP"
             crossDomainScriptAccessEnabled="true" />
  </webHttpBinding>
    • auf welchen Bereich Ihrer Website.config hast du dieses hinzufügen?
    • unter den <system.serviceModel> - tag, die unter Eltern - <configuration> - tag
    • Wie können wir auch spezifische Domänen in der config zu ermöglichen "Cross-Domain" - Zugang?
    InformationsquelleAutor Kunal Uppal
  2. 2

    Brauchte ich auch hinzufügen <webHttpEndpoint> um es zu bekommen Arbeit:

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

<bindings>
    <webHttpBinding>
        <binding name="webHttpBindingWithJsonP" crossDomainScriptAccessEnabled="true" />
    </webHttpBinding>
</bindings>
    • Ich Schätze Ihre sauberer Formatierung
    InformationsquelleAutor Martin Carlsson
  3. 0
     [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 Aufruf von wcf-service -

      $.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);

                }
            }
        });
    InformationsquelleAutor anupama
Schreibe einen Kommentar