クロスドメインjQuery Ajax C＃とWFCを使用

Question

私はC＃とWCFで書かれた小さなwebserviceを持っています。

[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.Web.Script.Services.ScriptService] 
public class Service1 : System.Web.Services.WebService 
{ 
    [WebMethod] 
    public string HelloWorld() 
    { 
     return "Hello Worlds"; 
    } 
} 

私は少しjQueryコードを持っています。

 $.support.cors = true; 

     $.ajax({ 
      type: "POST", 
      url: "http://localhost:61614/Service1.asmx/HelloWorld", 
      data: '{}', 
      dataType: "json", 
      success: function (msg) { 
       alert(0); 
      }, error: function (a, b, c) { alert("Err:" + c); 
      } 
     }); 

これはwebserviceを呼び出します。通話には問題はありませんが、折り返しエラーが発生します。

webserviceは1つのアプリケーション内にあり、Webページは単なるHTMLページです。最終的に、HTMLはPhoneGap内で使用されます。

私はあらゆることを試みました。

contentType: "application/json; charset=utf-8",に追加すると、呼び出しが失敗します。 dataType: 'jsonp"を使用すると、呼び出しが失敗します。

基本的に、上記のコードではWSが呼び出されますが、返されるとエラーが発生します。

ウェブサービスからJSONオブジェクトを返す必要があり、Safariで動作する必要があります。

誰かがJSONP呼び出しの完全なサンプルコードを持っていますか？ jQuery getJSONから

Answer 1

：

URLが文字列が含まれている場合、 "コールバックを=？" （または、サーバー側APIで定義されているように）、要求は代わりにJSONPとして処理されます。詳細については、$ .ajax（）のjsonpデータ型の説明を参照してください。

リクエストをJSONPリクエストとして処理するには、URLにcallback=?を含める必要があります。これは、jQueryにコールバック関数を作成し、その関数の名前をコールバックパラメータとしてサーバーに渡すように指示します。

サーバーサイドコードでは、メソッドは、JSONコードをラップまたはパディングして、クエリ文字列のコールバックパラメータとして渡されたJavaScript関数の名前で返します。

本質的に、JavaScriptをクライアントブラウザに返すことです。これは即座に実行され、ページのコンテキストで既に定義されている関数を呼び出します。

はJavaScript：

$.getJSON("http://localhost:61614/Service1.asmx/HelloWorld?callback=?", 
    function(data) { 

     // alert raw JSON data 
     alert(JSON.stringify(data)); 

     // access the "say" property and alert it 
     alert(data.say); 
    } 
); 

サーバー側：

これは、サーバー側で行う必要があると思います何の粗製のバージョンです：

// get the callback parameter value and assign to the String callback 
... 
return callback + "({ 'say' : 'HelloWorld' });"; 

また、技術的フードの下で起こっていることの説明：

これは今日知っておくべきことではありませんが、jQueryがJSONPをどのように実装しているかを理解するのに役立ちます。

これは、次のようになります何かに評価されます。jquery43214321432143242はあなたの成功コールバック関数に指定されたランダムな名前です

return "jquery43214321432143242({'say':'HelloWorld'});" 

。繰り返しになりますが、返されたテキストはtext/javascriptを使用して返されるため、すぐに実行され、{'say':'HelloWorld'}オブジェクトをパラメータとして関数に渡します。

出力結果は、raw JSONを表すアラートメッセージと、.sayプロパティからプルされた単語 "HelloWorld"です。