通过两种不同的方法将数据从HTML发送到Servlet

Sending Data from HTML to Servlet by two different methods

本文关键字：HTML Servlet 数据 两种 方法      更新时间：2023-09-26

我一直在将数据从HTML发送到servlet，如下所示：

<form Action="http://caregap2.appspot.com/src.main.java.org.deri.hcls.caregap2.client" Method="GET">
Username: <input type="text" name="username" size="20" value="@gmail">
<BR>
<input type="submit" VALUE="submit">
<input type="reset" value="reset">
</form>

其将变量Username发送到servlet。但我不想让点击提交来发送数据，我只想在不点击任何东西的情况下发布数据并加载servlet。我试过这个：

$(document).ready(function() {
var username = "foo@example.com";
$.ajax({
      type: "POST",
      url: "http://caregap2.appspot.com/src.main.java.org.deri.hcls.caregap2.client",
      data: { username: "username" }
    }).done(function( msg ) {
     // alert( "Data Saved: " + username );
      window.location = "http://caregap2.appspot.com/src.main.java.org.deri.hcls.caregap2.client?q=" + username;
    });
});

但它不起作用，有人能看到我做错了什么吗？？或者我是否应该使用不同的方法？非常感谢您的帮助！！：）

这是我的servlet方法：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setContentType("text/html");{
        ServletOutputStream  out = response.getOutputStream();
        try {
            out.println("<html><head><title>" +  "</title></head>");
            out.println("<body><h1>" +  "</h1>");
            String  name = request.getParameter("username" );
            //String  comment = request.getParameter( "comment" );
            out.println("Name:" + name + "<BR>");
            //out.println("Comment: " + comment + "<BR>");
        }
        catch(Throwable  t ) {
            out.println("<P><pre>");
            t.printStackTrace( new PrintStream(out) );
            out.println ("</pre><P>");
        }
        out.println ("</body></html>");
    }

您的JSON数据错误：

data: { "username": username }

首先键，比值（变量）

好吧，我想我知道你想做什么了。AJAX请求不是你想要的。据我所知，您正在尝试加载servlet并显示它，而根本不需要与页面交互。

您所需要做的就是在javascript中执行以下

var username = "you username here";
window.location = "http://caregap2.appspot.com/src.main.java.org.deri.hcls.caregap2.client?username=" + username;

使用ajax请求将servlet主体返回到done方法，这对于在不重新加载的情况下显示当前页面上的信息非常有用。

您目前正在做的是将servlet响应主体附加到查询的末尾，并将其重定向到错误的位置。

额外信息：使用Ajax的替代方法是让servlet返回一些html，但不一定是完整的页面，然后使用此响应填充当前页面的一部分。

您的表单似乎正在使用GET请求，而您的ajax正在执行POST请求。您的服务可能正在查找GET参数。将ajax请求更改为使用GET而不是POST

相关文章：