web-dev-qa-db-ja.com

jQueryからASMXを呼び出す

私は成功せずにjQueryからASMXメソッドを呼び出そうとしています。以下は私のコードですが、何が欠けているのかわかりません。

ファイルSomething.js、

function setQuestion() {
    $.ajax({
        type: "POST",
        data: "{}",
        dataType: "json",
        url: "http: //localhost/BoATransformation/Survey.asmx/GetSurvey",
        contentType: "application/json; charset=utf-8",
        success: onSuccess
    });
}

function onSuccess(msg) {
    $("#questionCxt").append(msg);
}

ファイルSomethingElse.cs、

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class Survey : System.Web.Services.WebService {

    public Survey () {
    }

    [WebMethod]
    [ScriptMethod(UseHttpGet = true)]
    public string GetSurvey() {
        return "Question: Who is Snoopy?";
    }
}
18
ebeworld

際立っていることの1つは、あなたがUseHttpGet=trueですが、jQueryコードではPOSTを使用しています。

ASMXページを呼び出して作成したテストページもここにあります。

[WebMethod]
public Catalog[] GetCatalog()
{
    Catalog[] catalog = new Catalog[1];
    Catalog cat = new Catalog();
    cat.Author = "Jim";
    cat.BookName ="His Book";
    catalog.SetValue(cat, 0);
    return catalog;
}

<script type="text/javascript">
    $(document).ready(function() {
    $.ajax({
            type: "POST",
            url: "default.asmx/GetCatalog",
            cache: false,
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            success: handleHtml,
            error: ajaxFailed
        });
    });

    function handleHtml(data, status) {
        for (var count in data.d) {
            alert(data.d[count].Author);
            alert(data.d[count].BookName);
        }
    }

    function ajaxFailed(xmlRequest) {
        alert(xmlRequest.status + ' \n\r ' + 
              xmlRequest.statusText + '\n\r' + 
              xmlRequest.responseText);
    }
</script>
27
Jim Scott

セキュリティ機能 により、Jsonを応答形式として指定し、UseHttpGetを削除する必要があることを確認する必要があります。

[WebMethod]
[ScriptMethod(ResponseFormat=ResponseFormat.Json)]
public string GetSurvey() {
    return "Question: Who is Snoopy?";
}
6
Josef Pfleger

私はこの質問に出くわし、同じ問題がありました。私はそれを追加して解決しました:

[WebInvoke(Method="POST",ResponseFormat=WebMessageFormat.Json)]

POSTを使用する場合は、webメソッド属性の下。つまり:

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class Survey : System.Web.Services.WebService {

    public Survey () {
    }

    [WebMethod]
    [WebInvoke(Method="POST",ResponseFormat=WebMessageFormat.Json)]
    [ScriptMethod(UseHttpGet = true)]
    public string GetSurvey() {
        return "Question: Who is Snoopy?";
    }
}
2
user609926

これは、aspxのページメソッドに対するjQuery呼び出しの例ですが、asmxページに似ています。

$.ajax(
    {
        type: "POST",
        url: "NDQA.aspx/ValidateRoleName",
        data: '{"roleName":"' + $('[id$=RoleNameTextBox]').val() + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: ValidateSuccess,
        error: ValidateError

    });
2
CSharpAtl

また、Jim Scottが提案したように、UseHttpGetを削除することをお勧めします。

オプションに以下を追加し、objXMLHttpRequestをチェックして、より詳細なエラー応答を確認できます。

error: function(objXMLHttpRequest, textStatus, errorThrown) {
 debugger;               
}
1

応答形式としてJsonを指定することを確認し、セキュリティ機能のためにUseHttpGetを削除する必要があります。

その記事を読むと、ASP.NETにはクロスサイトスクリプティング攻撃のベクトルをブロックする機能があるため、UseHttpGetを使用しても安全であることがわかります。

GETを使用する正当な理由はたくさんあります。

彼はデータパラメータを削除し、POSTをGETに変更して呼び出しを機能させることができます。JSON応答が必要であると仮定すると、ResponseFormat = ResponseFormat.Jsonも追加する必要があります。

1
Sean Smith

次のステップで私の問題が解決しました。

  1. ASP.NET AJAXを使用して、このWebサービスをスクリプトから呼び出せるようにするには、たとえばasmxサービスクラスの上に次の行を含めます。

    [System.Web.Script.Services.ScriptService]パブリッククラスGetData:System.Web.Services.WebService {

  2. Web.configのsystem.webの下にプロトコルを追加します。構成を表示できない場合は、リンクをクリックしてください。

https://Pastebin.com/CbhjsXZj

<system.web>
<webServices>
  <protocols>
    <add name="HttpGet"/>
    <add name="HttpPost"/>
  </protocols>
</webServices>
1

chromeブラウザを試してみると、Internet Explorerを試してみてください。私にとってはうまくいきました。また、約chromeブラウザで機能するには、拡張機能を追加する必要がありますchromeですが、拡張子の名前がわかりません

0
Taha Karaca