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

时间:2014-01-11 18:28:12

标签: java javascript jquery ajax java-ee

在这种情况下,Page是通过调用action类加载的,所以我需要将它转换为ajax调用而不是action类。现在,我已经进行了更改,以便通过ajax调用而不是调用action类来加载页面。 有人可以帮我改变这个。我是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

                      }

1 个答案:

答案 0 :(得分:0)

这个答案需要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加载响应的任何元素。