HTML 웹 페이지에서 웹 서비스를 호출하는 방법

3811 단어
클라우드 디스크 환경을 준비하고 세부 사항을 검증하고 있습니다. 테스트를 편리하게 하기 위해 저는 html로 웹서비스(WebService)를 호출하여 결과를 정확하게 되돌려 주는지 확인합니다.많은 친구들이 이런 간단한 일을 한 적이 있다고 믿습니다. html 문법에 익숙하지 않은 데다가 자신의 사유가 경직되어 약간의 시행착오를 겪었기 때문에 정리해서 자신에게 메모를 남깁니다.
WebService
@GET
@Path("yyy")
    @Produces(MediaType.APPLICATION_OCTET_STREAM)
    public File getSomthing(
            @QueryParam("sthId1") String bucketName,
            @QueryParam("sthId2") String objectName
    ) {

HTML 참고:http://msdn.microsoft.com/en-us/library/45fez2a8%28v=vs.80%29.aspx
<form method=POST action='http://localhost:8080/xxx/yyy'>
       <input type="text" size="5" name='sthId1'\"></td>
       <input type="text" size="5" name='sthId2'\"></td>
       <input type=submit value="Try"> </td>
   </form>

뒤에 있는 코드가 검증되지 않았습니다. 메모를 기록합니다. 참고:http://www.codeproject.com/Articles/14610/Calling-Web-Services-from-HTML-Pages-using-JavaScr
HelloWorld 호출, 매개 변수 없음
<html>
  <head>
   <title>Hello World</title>
    <script language="JavaScript">
     var iCallID;
     function InitializeService(){
      service.useService(http://localhost:1394/MyWebService.asmx?wsdl, 
	"HelloWorldService");
      service.HelloWorldService.callService("HelloWorld");
     }
     function ShowResult(){
      alert(event.result.value);
     }
    </script>
   </head>
  <body onload="InitializeService()" id="service" 
	style="behavior:url(webservice.htc)" onresult="ShowResult()"> </body>
 </html> 

3개의 매개변수로 GetAge 호출
<html>
  <head>
   <title>UseSwap</title>
    <script language="JavaScript">
     function InitializeService(){
      service.useService(http://localhost:1394/MyWebService.asmx?wsdl, 
	"GetAgeService");
     }
     var StrYear, StrMonth, StrDay;
     function GetAge(){
      StrYear = document.DemoForm.StringYear.value;
      StrMonth = document.DemoForm.StringMonth.value;
      StrDay = document.DemoForm.StringDay.value;
      service.GetAgeService.callService("GetAge", StrYear, StrMonth, StrDay);
     }
     function ShowResult(){
    alert(event.result.value);
      }
     </script>
    </head>
     <body onload="InitializeService()" id="service" 
	style="behavior:url(webservice.htc)" onresult="ShowResult()">
      <form name="DemoForm">
       Year : <input type="text" name="StringYear"/>
       Month : <input type="text" name="StringMonth"/>
       Day : <input type="text" name="StringDay"/>
       <button onclick="GetAge()">Get Age</button>
      </form>
     </body>
 </html>

캐시 값 호출로 돌아가기
<html>
  <head>
   <meta http-equiv="refresh" content="2" />
   <title>Get Date Time</title>
   <script language="JavaScript">
    var iCallID;
    function InitializeService(){
     service.useService(http://localhost:1394/MyWebService.asmx?wsdl, 
	"GetDateTimeService");
     service.GetDateTimeService.callService("GetDateTime");
    }
    function ShowResult(){
     alert(event.result.value);
    }
   </script>
  </head>
  <body onload="InitializeService()" id="service" 
	style="behavior:url(webservice.htc)" onresult="ShowResult()">
  </body>
 </html>

좋은 웹페이지 즐겨찾기