-2

次のシナリオがあります。

  • ビジネスロジックを実装するためにBLLを呼び出すASP.NETWebAPIプロジェクト（localhost：8081でホスト）
  • 私のWebレイヤーを形成するASP.NETMVC4プロジェクト（localhost：8080でホストされています）
  • モバイルなどのプロジェクトを追加する将来の計画
  • この記事で定義されているように、クロスドメインajaxリクエストを許可するようにCORS構造をセットアップする手順に従いました

データベースから「somelist」を返すAPIサービスがあります。

  • Fiddlerを介して単純なリクエストを行うと、サーバーから正しい応答が返されます

リクエスト：

 
    POST http://localhost:8081/api/orgs/getsomelist HTTP/1.1
    User-Agent: Fiddler
    Content-type: application/json
    Host: localhost:8081
    Content-Length: 158

    {"token": "sometoken","kValues": { "userId": "1.0" }}

応答：


    HTTP/1.1 200 OK
    Cache-Control: no-cache
    Pragma: no-cache
    Content-Type: application/json; charset=utf-8
    Expires: -1
    Server: Microsoft-IIS/8.0
    X-AspNet-Version: 4.0.30319
    X-SourceFiles: =?UTF-8?B?WjpcRG9jdW1lbnRzXGNvZGVcSnNyZWVcSnNyZWVcSnNyZWUuQXBpXGFwaVxvcmdzXGdldG15b3Jncw==?=
    X-Powered-By: ASP.NET
    Date: Thu, 13 Dec 2012 22:15:34 GMT
    Content-Length: 315

    {successful JSON response}
  • 単純なajaxPOST呼び出しを使用してWebアプリケーション（localhost：8080）から同じことを行うと、Fiddlerは2つの要求が行われたことを示し、1つは200の成功を返し、他の500の内部サーバーを返します

    Code:
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8;",
        crossDomain: true,
        url: "@urlToConnect",
        withCredentials: true,
        dataType: "json",
        data: JSON.stringify({token: "sometoken",kValues: { userId: "1.0" }})
    });

最初のリクエスト：何らかの理由で、POSTではなくOPTIONS呼び出しが表示されます


    OPTIONS http://localhost:8081/api/orgs/getsomelist HTTP/1.1
    Host: localhost:8081
    Connection: keep-alive
    Access-Control-Request-Method: POST
    Origin: http://localhost:8080
    User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
    Access-Control-Request-Headers: origin, content-type, accept
    Accept: */*
    Referer: http://localhost:8080/
    Accept-Encoding: gzip,deflate,sdch
    Accept-Language: en-US,en;q=0.8
    Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

最初の応答：


    HTTP/1.1 200 OK
    Cache-Control: no-cache
    Pragma: no-cache
    Expires: -1
    Server: Microsoft-IIS/8.0
    Access-Control-Allow-Origin: http://localhost:8080
    Access-Control-Allow-Methods: POST
    Access-Control-Allow-Headers: origin, content-type, accept
    X-AspNet-Version: 4.0.30319
    X-SourceFiles: =?UTF-8?B?WjpcRG9jdW1lbnRzXGNvZGVcSnNyZWVcSnNyZWVcSnNyZWUuQXBpXGFwaVxvcmdzXGdldG15b3Jncw==?=
    X-Powered-By: ASP.NET
    Date: Thu, 13 Dec 2012 22:15:16 GMT
    Content-Length: 0

2番目のリクエスト：


    POST http://localhost:8081/api/orgs/getsomelist HTTP/1.1
    Host: localhost:8081
    Connection: keep-alive
    Content-Length: 127
    Origin: http://localhost:8080
    User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
    Content-Type: application/json; charset=UTF-8;
    Accept: application/json, text/javascript, */*; q=0.01
    Referer: http://localhost:8080/
    Accept-Encoding: gzip,deflate,sdch
    Accept-Language: en-US,en;q=0.8
    Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

    {"token": "sometoken","kValues": { "userId": "1.0" }}

2番目の応答：私のWebAPIメソッドはPOSTされたJSONデータを正しく取得できません。上記の例1でFiddlerに直接POSTした場合、同じデータでこの例外は発生しません


    HTTP/1.1 500 Internal Server Error
    Cache-Control: no-cache
    Pragma: no-cache
    Content-Type: application/json; charset=utf-8
    Expires: -1
    Server: Microsoft-IIS/8.0
    Access-Control-Allow-Origin: http://localhost:8080
    X-AspNet-Version: 4.0.30319
    X-SourceFiles: =?UTF-8?B?WjpcRG9jdW1lbnRzXGNvZGVcSnNyZWVcSnNyZWVcSnNyZWUuQXBpXGFwaVxvcmdzXGdldG15b3Jncw==?=
    X-Powered-By: ASP.NET
    Date: Thu, 13 Dec 2012 22:15:16 GMT
    Content-Length: 906

    {"Message":"An error has occurred.","ExceptionMessage":"some .NET exception"}
  • kendouiデータソースを使用して同じことを行うと、同じ2つのエラーが発生しますが、fiddlerでのリクエストには、送信したJSONではなくガベージデータが表示されます

Code:
    dataSource: new kendo.data.DataSource({
            transport: {
                read: {
                    type: "POST",
                    contentType: "application/json; charset=utf-8;",
                    crossDomain:true,
                    url: "@urlToConnect",
                    withCredentials: true,
                    dataType: "json",
                    data: JSON.stringify({token: "sometoken",kValues: { userId: "1.0" }})
                }
            },
            schema: {
                data: "data",
                type: "json",
                total: "count"
            }

リクエスト：JSON.stringifyは奇妙なデータを送信します


    POST http://localhost:8081/orgs/somelist HTTP/1.1
    Host: localhost:8081
    Connection: keep-alive
    Content-Length: 705
    Cache-Control: max-age=0
    Origin: http://localhost:8080
    User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
    Content-Type: application/json; charset=UTF-8;
    Accept: application/json, text/javascript, */*; q=0.01
    Referer: http://localhost:8080/
    Accept-Encoding: gzip,deflate,sdch
    Accept-Language: en-US,en;q=0.8
    Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

    0=%7B&1=%22&2=t&3=o&4=k&5=e&6=n&7=%22&8=%3A&9=%22&10=1&11=F&12=V&13=R&14=A&15=I&16=1&17=E&18=b&19=7&20=%2F&21=%2F&22=M&23=7&24=U&25=A&26=Y&27=h&28=q&29=9&30=i&31=R&32=Z&33=U&34=%2F&35=Y&36=j&37=l&38=o&39=0&40=Q&41=5&42=Z&43=g&44=A&45=H&46=8&47=4&48=%2F&49=5&50=b&51=E&52=g&53=Z&54=F&55=M&56=%2B&57=p&58=Q&59=j&60=0&61=x&62=4&63=w&64=Z&65=6&66=W&67=c&68=T&69=M&70=u&71=Q&72=n&73=K&74=3&75=P&76=x&77=e&78=T&79=C&80=%2F&81=0&82=K&83=K&84=W&85=1&86=w&87=o&88=5&89=2&90=%2B&91=d&92=V&93=R&94=v&95=A&96=%3D&97=%3D&98=%22&99=%2C&100=%22&101=k&102=V&103=a&104=l&105=u&106=e&107=s&108=%22&109=%3A&110=%7B&111=%22&112=u&113=s&114=e&115=r&116=I&117=d&118=%22&119=%3A&120=%22&121=1&122=.&123=0&124=%22&125=%7D&126=%7D

直接またはkendouiデータソースからajax呼び出しを行うと、セットアップが機能しない理由がわかりません

4

1 に答える 1

0

データの文字列を取得するために投稿しているメソッドはありますか？javascriptオブジェクトをデータとして使用してみましたか？

また、最初に表示されるオプションリクエストは、クロスドメインリクエストを行っているためです。オプションの「飛行前」チェックを送信して、Access-Control-Allow-OriginにPOSTの送信が許可されているかどうかを確認します。localhost：8080がAccess-Control-Allow-Originにない場合は、POSTも送信されません。Anglinは、剣道でクロスドメイン通話を有効にすることについて素晴らしい記事を書きました。彼はodataを使用していますが、いくつかの原則が適用されます。 http://www.kendoui.c​​om/blogs/teamblog/posts/11-08-23/cross-domain_queries_to_odata_services_with_jquery.aspx

于 2012-12-14T17:53:45.993 に答える