2010-11-30 5 views
3

자바 스크립트에서 asp.net 웹 서비스를 호출하고 매개 변수를 전달하려고합니다. 코드 샘플 또는 demostration을 통해 해당 사항을 파악하는 데 도움이됩니까 ?? 미리 감사드립니다.Html에서 서비스 호출

답변

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 
     } 
    }); 
} 
2

jQuery를이 동작을 지원합니다. 당신은 jQuery를 사용하여 아래와 같이 ajax 호출을 할 수있다. 이 메소드에는 성공과 실패를위한 두 가지 콜백 함수가 있습니다.

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. 
} 
2

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를 통해 응답 할 수 있으며 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

+0

덕분에 .. –