Htmlからサービスを呼び出す

Question

私はJavaスクリプトからasp.net Webサービスを呼び出し、それにパラメータを渡したいと思います。コードサンプルやデモストレーションがあれば、それを達成するのに役立ちますか？ ありがとうございました

Answer 1

以下のリンクは私の経験からかなりまともな方法です。

http://encosia.com/2008/03/27/using-jquery-to-consume-aspnet-json-web-services/

Answer 2

はJQuery：

function AddLocation(ParentID) { 
    $.ajax({ 
     type: "POST", 
     url: "../server.asmx/Save", 
     data: "{'ID':'0','ParentID':'" + ParentID + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 
      var item = document.createElement('option'); 
      item.value = data.d.split("$")[0]; 
      item.text = name; 
      //do stuff 
     } 
    }); 
} 

Answer 3

jQueryのは、この動作をサポートしています。 jQueryを使用してajax呼び出しを以下のように行うことができます。このメソッドには成功と失敗の2つのコールバック関数があります。

function loadData() 
{ 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     url: 'methodurl', 
     success: methodSuccedded, 
     error: methodFailure 
    }); 
} 

function methodSuccedded() 
{ 
    //do your logic. 
} 

function methodFailure() 
{ 
    //do your logic. 
} 

Answer 4

これは、AJAXを使用して行うことができ、サーバーからの応答をJSONオブジェクトとして取得できます。

var xmlHttp = new ActiveXObject("Microsoft.XmlHttp"); 
    var url = "Service1.svc/ajaxEndpoint/"; 
    url = url + "Sum2Integers"; 
    var body = '{"n1":'; 
    body = body + document.getElementById("num1").value + ',"n2":'; 
    body = body + document.getElementById("num2").value + '}'; 

    // Send the HTTP request 
    xmlHttp.open("POST", url, true); 
    xmlHttp.setRequestHeader("Content-type", "application/json"); 
    xmlHttp.send(body); 

    // Create result handler 
    xmlHttp.onreadystatechange= function X() 
    { 

     if(xmlHttp.readyState == 4) 
     { 
       result.innerText = xmlHttp.responseText; 
     } 
    } 

JSONとしての応答を取得すると、JavaScriptを使用してオブジェクトに応答できます。

は、参考のためにこれらのリンクを参照してください。詳細については、 http://blogs.msdn.com/b/alikl/archive/2008/02/18/how-to-consume-wcf-using-ajax-without-asp-net.aspx

http://dotnetslackers.com/articles/ajax/JSON-EnabledWCFServicesInASPNET35.aspx