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

Question

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

当用户点击＆＃34;添加＆＃34;按钮（这是在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);
        }
    });
});