0

REST Web サービスを使用して Web アプリケーションを開発しています。ajax から単純な Web サービスを呼び出そうとしています。しかし、私は望ましい出力を得ていません。私のWebサービスコードは次のとおりです。

@Path("hello")
public class Hello {

   @GET
   @Path("/first")
   @Produces("text/html")
   public String function1(){
   return "Something happens";
   }
}

そして、残りのWebサービスのajax呼び出しを提供する私のhtmlファイルは次のとおりです。

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script>
            function callme(){
            alert("hello");

        $.ajax({
            type: "GET",
            url: "http://localhost:8080/WebApplication4/webresources/hello/first",
            data:"",
            dataType:"text",
            contentType: "text/html",
             success: function(resp){alert("Server says" + resp);},
             error: function(e){ alert("An error has occured");},

         });
       }
      </script> 
    </head>

    <body>

        <form id="form1" method="GET" onsubmit="callme();">
            <input type="text" name="t1">
            <input type="submit" Value="SUBMIT">
        </form>
    </body>
</html>

ブラウザーから Web サービスを呼び出すと、Web サービスは期待どおりの戻り値を返します。ブラウザから Web サービスを呼び出すhttp://localhost:8080/WebApplication4/webresources/hello/first と、テキスト"Something happens" が返されます。また、返されたjsonオブジェクトをajaxでキャプチャするにはどうすればよいですか? ありがとうございました

4

1 に答える 1

3

これが正しい方法です。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        function callme(){
        alert("hello");

    $.ajax({
        type: "GET",
        url: "https://localhost/codeTest.php",
        data:"",
        dataType:"text",
        contentType: "text/html",
         success: function(resp){alert("Server says" + resp);},
         error: function(e){ alert("An error has occured");},

     });
   }
  </script> 
</head>

<body>
    <form id="form1" method="GET">
        <input type="text" name="t1">
        <input type="button" Value="SUBMIT" onclick="callme();">
    </form>
</body>

ajax 呼び出しは、フォームの送信時ではなく、html 入力タイプのボタン クリック イベントから行う必要があります。フォーム送信イベントはページをリロードし、ajax 応答を待ちません。

于 2013-08-07T04:48:08.373 に答える