javascript - 将数据从js发送到servlet并返回响应

Question

我是 ajax 和 js 的新手。

我有一个简单的jsp页面，里面有一个html。我有一个随附的 javascript 文件，其中定义了所有函数。我有一个这样的函数来将一些 json 数据发送到 servlet。我需要帮助将 servlet 的响应检索回调用 js 文件。

当 servlet 接收到 ajax 调用时，我使用 post 方法启动并运行该 servlet。

假设js文件名为:First.js，servlet为FirstServlet.java

将数据从 js 发送到 servlet 的 Javascript 部分:

    var fullpath="contextpath/FirstServlet";

    //Sending the tradedata using ajax to the FirstServlet
    $.ajax({
        dataType: 'json',
        url: fullpath,
        type: 'POST',
        data: {jsonText:jsonText}

  });

在servlet端我对数据做了一些修改并构建了一个动态htmlservlet 的输出将类似于添加到字符串变量中的内容。

 <div>
   <table>
     <tbody>
        <tr>
           <td>
            <input name="hi" value="hello" />
            </td>
           <td>
            <input name="bye" value="goodbye" />
            </td>
        </tr>
     </tbody>
   </table>
  </div>

我想将此标记返回到调用它的同一个 JavaScript 文件//这部分需要解决方案。

最终目标:然后我想将它附加到 jsp 文件上的 div 标签中//我将使用 jquery 来添加它。这样我就可以在不使用 iframe 的情况下刷新 div 容器。

Answer 1

如果您使用的是 Java Servlet，则需要构建自定义 HttpServlet，它必须实现函数 doGet(HttpServletRequest req, HttpServletResponse resp) 和 doPost(HttpRequest req, HttpResponse resp) )。将特定域名(示例中的 contextpath/FirstServlet)映射到自定义 servlet 类(在 web.xml 文件中)后，servlet 将自动路由任何 get或 post 请求到 doGet 或 doPost 函数。

然后您可以使用 HttpServletRequest ( reference ) 可用的函数来处理接收到的数据。然后，您将想要发送回客户端的任何内容放入 HttpServletResponse(请参阅下面的示例链接)，servlet 会自动将 HttpServletResponse 发送回客户端。

为了从客户端接收响应数据，您只需添加一个回调函数(接受两个参数，请参阅引用 here )作为 ajax 请求的最后一个参数，如下所示:

$.ajax({
    dataType: 'json',
    url: fullpath,
    type: 'POST',
    data: {jsonText:jsonText}

}, function(responseData, textStatus) {
    console.log(responseData);
    //do something with responseData
});

Here's a simple example servlet