无法从 ajax 调用简单的 REST Web 服务

Question

我正在使用 REST Web 服务开发一个 Web 应用程序。我正在尝试从 ajax 调用简单的 Web 服务。但我没有得到想要的输出。 我的网络服务代码是：

@Path("hello")
public class Hello {

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

我的 ajax 调用 rest web 服务的 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 服务会按预期返回值。 我从浏览器调用网络服务为http://localhost:8080/WebApplication4/webresources/hello/first 它返回文本"Something happens" ajax 调用出了什么问题？ 还有如何在ajax中捕获返回的json对象？ 谢谢

Answer 1

这是正确的做法。

<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 响应。