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

Question

I am developing an web application using rest web services. 我正在使用其他Web服务开发Web应用程序。 I am trying to call the simple web service from the ajax. 我正在尝试从ajax调用简单的Web服务。 But I am not getting desired output. 但是我没有得到想要的输出。 My web service code is: 我的Web服务代码是：

@Path("hello")
public class Hello {

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

and my html file which gives ajax call for rest web service is: 我的html文件给出了对其余Web服务的ajax调用，它是：

<%@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>

When I call web service from the browser, then my web service gives return value as expected. 当我从浏览器调用Web服务时，我的Web服务将提供预期的返回值。 I call web service from browser as http://localhost:8080/WebApplication4/webresources/hello/first and it return with text "Something happens" What goes wrong here with ajax call? 我从浏览器中将Web服务称为http://localhost:8080/WebApplication4/webresources/hello/first ，它返回的文本为"Something happens"什么"Something happens" 。ajax调用出了什么问题？ And also How can capture the returned json object in ajax? 还有如何在ajax中捕获返回的json对象？ Thank you 谢谢

Answer 1

This is the correct way to do it. 这是正确的方法。

<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>

The ajax call has to made from html input type button click event, not on form submit. Ajax调用必须由html输入类型的按钮单击事件进行，而不是在表单提交上进行。 Form submit event reloads the page and it doesn't wait for ajax response. 表单提交事件将重新加载页面，它不会等待ajax响应。

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

问题描述

1 个解决方案

解决方案1
3 已采纳 2013-08-07 04:48:08

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

问题描述

1 个解决方案

解决方案1 3 已采纳 2013-08-07 04:48:08

解决方案1
3 已采纳 2013-08-07 04:48:08