表单应该通过 ajax 调用而不是调用动作类来加载

Question

在这种情况下，页面是通过调用动作类加载的，所以我需要将其转换为 ajax 调用而不是动作类。现在，我进行了更改，使得页面应该通过 ajax 调用而不是调用动作类来加载。 有人可以帮我转换一下吗。我是 ajax 新手。

下面的JSP代码调用动作类：

     <form action="/OppID" class="XXX-column-form xxx-styled-form" method="post"
     style="border: 1px solid #DDDDDD; border-top: none;height: 690px; ">

动作类：

     public class OppID extends DispatchAction{
     public ActionForward siebelData(ActionMapping mapping,
           ActionForm form, 
           HttpServletRequest request, 
           HttpServletResponse response) throws Exception{


                      //some code here

                      }

Answer 1

这个答案需要 jquery。您有一个表单，所以我假设您使用提交按钮发布到它。在该按钮中，放置一个 onclick 并指向一个 javascript 方法，如下所示：

<input type="submit" value="Submit" onclick="SubmitViaAjax()" />

然后给你的表单一个 ID

<form id="myFormsID" action="/OppID" class="XXX-column-form xxx-styled-form" method="post"
     style="border: 1px solid #DDDDDD; border-top: none;height: 690px; ">

然后创建该 javascript 方法并执行以下操作以通过 ajax 提交：

function SubmitViaAjax() {
    $.post("/OppID", $('#myFormsID').serialize(), function (response) {

        $('#aDivToPutItIn').html(response);

    });
}

记得创建“aDivToPutItIn”元素，或者将其更改为您希望通过 ajax 加载响应的任何元素。