sencha touch2で外部Webサービスを使用する方法

Question

私はsencha touch2を初めて使用しています。私はsencha touch2で外部Webサービスを使用したいと考えています。このXMLHttpRequestのようなエラーを与えるコンソールでは、http://localhost/SLS.BRND.Services/Service1.asmx/Helloworld?_dc=1336466078991&method=Helloworld&format=jsonをロードできません。

Origin http://localhost:49692 is not allowed by Access-Control-Allow-Origin. app/view/Blog.js?_dc=1336466047687:27Response Status:- 0

問題の原因を教えてください。

Ext.define("GS.view.Blog", { 
    extend: 'Ext.navigation.View', 
    xtype: 'blog', 
    config: { 
     title: 'WebService', 
     scrollable: true,  
     items: [ 
      { 
      xtype: 'button', 
      text: 'Press Me', 
      height: 40, 
      width: 200, 
      listeners: { 
       tap: function() { 
//     alert("Hi Welcome To Sencha"); 
        Ext.Ajax.request({ 
         method: 'GET', 
         url: 'http://localhost/SLS.BRND.Services/Service1.asmx/Helloworld', 
         params: { method: 'Helloworld', format: 'json' }, 
         success: function (response, request) { 
          alert('Working!') 
          alert(response.responseText) 
          console.log('Response:-' + response.responseText) 
         }, 
         failure: function (response, request) { 
          alert('Not working!') 
          console.log('Response Status:- ' + response.status) 
         } 
        }); 
       } 
      } 
      } 
     ] 
    } 
}); 

Answer 1

私が思う

 Ext.data.JsonP.request({ 

        url: 'http://localhost/SLS.BRND.Services/Service1.asmx/Helloworld', 
        params: { method: 'Helloworld', format: 'json' }, 
        success: function (response) { 
         alert('Working!') 
         console.log(response); 
        }, 
        failure: function (response) { 
         alert('Not working!') 
         console.log(response); 
        } 
       }); 

Answer 2

あなたはJSONデータに変換プレーンテキストのためにeval関数を使用することができます - ：

はここに私のコードです、ありがとうございました。

var newObject=eval('('+response.responseText+')'); 

Answer 3

このコードを試してみてください、私はあなたの問題への解決策を考え出しました。

まず、Nicholas C. ZakasによってCross-domain Ajax with Cross-Origin Resource Sharingのこの優秀な記事を読んでください。このクロスドメインクロスソースリソース共有の問題を明確に説明しています。

あなたの場合、JSONPリクエストを行う必要があります。

JSONP or "JSON with padding" is a complement to the base JSON data format, a usage pattern that allows a page to request and more meaningfully use JSON from a server other than the primary server.

JSONP is an alternative to a more recent method called Cross-Origin Resource Sharing .

あなたがする必要があるのは、このようなExt.util.JSONP.request()呼び出しを行い

Ext.util.JSONP.request({ 
    url: 'http://localhost/SLS.BRND.Services/Service1.asmx/Helloworld', 
    params: { 
     method: 'Helloworld', 
     format: 'json', 
     callback: 'callback', 
    }, 

    success: function (response) { 
      alert('Working!') 
      console.log(response); 
    }, 
    failure: function (response) { 
      alert('Not working!') 
      console.log(response); 
    } 
}); 

、それが今で動作するはずです！