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

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

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

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

但是这里我们处理两个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？

使用AJAX

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

---

什么事也不会发生。。我正在检查使用警报框，但它们没有警报显示。您在哪里使用警报框？使用firebug或chrome开发工具进行调试。检查是否调用了ajax。