java - 传递给 servlet 的 JSP 表单值

Question

我通过以下方式在 JSP 中有一个表单:

<form id="provision-field" method="post" action="${pageContext.request.contextPath}/myServlet">

    <fieldset>
        <ol class="fields">

            <li>
                <label for="field1">field1</label>
                <input type="text" id="field1" "
                        value="<%= field1 %>"

                        />
                <span class="description">
                    <span class="optional">Optional</span>
                </span>
            </li>
        </ol>
    </fieldset>
    <div class="actions">
        <button type="submit" name="Submit">
            Submit form
        </button>
        <a href="" class="close-dialog">Cancel</a>
    </div>
</form>

我有一个 js 片段，点击提交按钮会执行以下操作

var field = document.getElementById("field1").value;   

 $.ajax({
                url: '${pageContext.request.contextPath}/myServlet'
                type: 'POST',
                data: field,
                dataType: "html",
                success: function(html) {

                  alert("Success");
                },
                error: function(error){
                alert("ERROR");
                }
                });

当我只使用表单元素(即取出js代码)时，我可以访问我的servlet，但我的表单参数都没有被传递。当我尝试使用js代码时，ajax请求不起作用。有人可以指出我应该如何正确完成此操作吗？

servlet 代码是:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
       logger.info("Inside the post function");
        logger.info(request.getParameter("data");

    }

Answer 1

    var field = document.getElementById("field1").value;   

    $.ajax({
        url: '${pageContext.request.contextPath}/myServlet'
        type: 'POST',
        data: {
            data :field
        },
        dataType: "html",
        success: function(html) {

          alert("Success");
        },
        error: function(error){
        alert("ERROR");
        }
    });

在servlt内部doPost方法中的代码如下:假设您有 HttpServlet 的初级知识...

    request.getParameter("data");

我正在分享小型 Ajax 与 Servlet 教程，这可能会帮助您解决进一步的问题... Download Link- AJAX Servlet Tutorial