Aufruf eines AJAX-Aktivierten WCF-Service von jQuery

Ich bin die Entwicklung einer mobilen Applikation mit PhoneGap und jQuery Mobile. Mein Ziel ist die Erstellung eines web service, die es ermöglichen, den Kunden (mobile) Abfrage gegen eine Datenbank.

Nach einigen Recherchen fand ich heraus, dass AJAX-Enabled Services könnte das sein, was ich suchte.
Also, ich begann durch erstellen eines AJAX-Aktivierten WCF-Dienst und für jetzt habe ich nur die folgende Methode:

[OperationContract]
[WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json)]
public string GetString()
{
    return "Hello there";
}

Meine web.config sieht wie folgt aus:

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

    <system.serviceModel>
        <behaviors>
            <endpointBehaviors>
                <behavior name="WebApplication1.MobileServiceAspNetAjaxBehavior">
                    <enableWebScript />
                </behavior>
            </endpointBehaviors>
        </behaviors>
        <serviceHostingEnvironment aspNetCompatibilityEnabled="true"
            multipleSiteBindingsEnabled="true" />
        <services>
            <service name="WebApplication1.MobileService">
                <endpoint address="" behaviorConfiguration="WebApplication1.MobileServiceAspNetAjaxBehavior"
                    binding="webHttpBinding" contract="WebApplication1.MobileService" />
            </service>
        </services>
    </system.serviceModel>
</configuration>

Nach Abschluss dieser Dienst, rief ich aus dem client mithilfe der folgenden Methode:

$.ajax({
    type: "POST",
    url: "http://localhost:11634/MobileService.svc/GetString",
    contentType: "application/json",
    data: "{}",
    dataType: "json",
    success: function (result) {
    $("#textbox").text(result);
    },        
    error: function (textStatus) {
        alert(textStatus);
    }
});

Wenn der Dienst aufgerufen wird, erhalte ich die folgende Fehlermeldung [object Object]. Können Sie mich auf was ich falsch mache und ob ich mithilfe der richtigen Technologien bitte?

[object object] ist nicht ein Fehler. Sie bekam die Antwort als JSON-Objekt. Sie müssen analysieren, das Objekt auf den gewünschten Wert. Die meisten wahrscheinlich, wenn Sie versuchen, führen.d in der Erfolgs-callback, erhalten Sie die Zeichenfolge. Verwenden Sie HTTP-tracing-tool wie FireBug oder HTTPFox zu sehen, genau das, was Sie bekommen.

InformationsquelleAutor duncanportelli | 2012-10-15

1

Als Tariqulazam weist zu Recht darauf hin [Object Object] ist nicht ein Fehler, sondern ein response-Objekt. Um auf die Daten zugreifen, Sie ändern könnte, Ihren code zu Lesen:
```
success: function (result) {     
    var data = result.d
    $("#textbox").text(data);     
},
```
Wenn Sie möchten, um zu sehen, ein text-Buch-Beispiel das folgende sieht aus wie ein gutes Beispiel von jQuery-code, die verbraucht ein WCF-web-service:

Verwenden von WCF-Dienst mithilfe von jQuery

Hoffe, das hilft!
- Ich habe überprüft, firebug, um zu überprüfen, welche Fehler ich bin immer genau das, aber ich bin immer ein NetworkError: 405 Method Not Allowed
- Hmmm, meine beste Wette ist, dass es eine Art von cross-domain-problem - welche Adresse ist den JavaScript-code ausgeführt? Ich würde empfehlen, Sie eine relative URL anstelle der absoluten URL.
InformationsquelleAutor Harry
0

Müssen Sie wickeln Sie Ihre
$.ajax({ ... })
innerhalb einer Funktion aufrufen. Auf diese Weise auf eine bestimmte Aktion aufgerufen wird.
- Ja, es ist eingewickelt in eine Klick-Funktion.
InformationsquelleAutor New Venture Websites
0

Da Sie nicht die übergabe von Parametern, die ich ändern würde, dies zu einem GET-Aufruf statt, und entfernen Sie die Daten-Teil der ajax-call. Auch die Art und Weise Sie zurück, es war im XML-format, ändern Sie den Antwort-format zu JSON
```
    [OperationContract]
    [WebGet(UriTemplate = "/GetString", RequestFormat = WebMessageFormat.Json)]
    public string GetString()
    {
        return "Hello there";
    }

$.ajax({     
    type: "GET",     
    url: "http://localhost:11634/MobileService.svc/GetString",     
    contentType: "application/json",     
    dataType: "json",     
    success: function (result) {     
    $("#textbox").text(result);     
    },             
    error: function (textStatus) {     
        alert(textStatus);     
    }     
});
```
- Ich Tat wie Sie mir sagten, aber jetzt bin ich immer den folgenden Fehler: NetworkError: 405-Methode Nicht Erlaubt
- Tut mir Leid, habe ich vergessen zu ändern, der ajax-Aufruf geben, um "sich" auch.
- Zunächst alle, vielen Dank für deine Hilfe. Ich denke, du meintest [WebInvoke(Method = "GET", ResponseFormat = WebMessageFormat.Json)] . Ich änderte den Datentyp 'jsonp', aber ich bin immer ein neuer Fehler SyntaxError: invalid label
- Nein, halten Sie es an WebGet und dem Datentyp sollte 'json', nicht jsonp, weiß nicht, ob das ein Tippfehler ist oder nicht 🙂
- Nein, es war nicht. Ich Tat es, denn mein service und meine client-Anwendung auf unterschiedlichen domains. Bitte helfen Sie mit!
- Ich weiß nicht, warum ich nicht Verstand es früher, aber siehe meine edits in meiner Antwort für den WCF-service-operation-contract
InformationsquelleAutor AntLaC

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.