javascript - 如何在 JavaScript 或 jQuery 中动态添加表单？

Question

在我的应用程序中，我有 JSP：demo1.jsp、demo2.jsp

当用户单击“添加”按钮（在 demo1.jsp 中）时，demo2.jsp 应该出现在正确的位置。

如果表单在同一个 JSP/HTML 中，则没有问题。使用表单 ID，我们可以使用 jQuery 创建。

但是这里我们处理的是两个 JSP，那么怎么做呢？

demo1.jsp

<div class="accordion">
    <div class="question" id="que3">
         <span class="heading">Form Details</span> 
         <span class="button2 white" >Add</span>
     </div>
    <div class="answer">
        <jsp:include page="demo2.jsp">
            <jsp:param value="counter_crt" name="counter_crt" />
        </jsp:include>                          
    </div>
</div>

我们如何编写一个 jQuery 函数来动态创建 demo2.jsp？

Answer 1

使用 AJAX。

$("#addbutton").on("click", function(){
    $.ajax({
        url: "demo2.jsp",
        success: function(response) {
            $("#answer").html(response);
        }
    });
});