如何在ATG中进行AJAX调用或提交表单

时间:2015-12-30 13:14:21

标签: ajaxform atg

如何在ATG中进行AJAX调用或提交表单。这是我正在使用的代码:

document.getElementById("myP").style.visibility = "hidden";

这是否适用于ATG?

1 个答案:

答案 0 :(得分:0)

对于ajax调用,在spring和标准J2EE等应用程序中,使用AJAX对表单的操作URL进行GET或POST调用。

在ATG中,您没有操作网址。相反,你有bean引用,有点像

<dsp:form id="myForm">
   <dsp:input type="myField1" bean="ABCFormHandler.myField1" />
   <dsp:input type="myField2" bean="ABCFormHandler.myField2" />
   <dsp:input type="submit" bean="ABCFormHandler.myProcess"  style="display:none"/>
   <dsp:input type="button" id="formSubmitter" value="Submit"/>
</dsp:form>

在这里,我们在 ABCFormHandler 中定义了一个名为 handleMyProcess 的方法,该方法还包含属性 myField1 myField2 点。

  1. 请注意,表单标记的ID为“myForm”。

  2. 接下来,有两个字段即。 “myField1”和“myField2”。

  3. 通过将样式设置为“display:none”,隐藏了一个提交按钮

  4. 最后,我们有一个普通的按钮,我们只需设置一个名为“formSubmitter”的ID。

  5. 现在,我们将使用此普通按钮提交ID为“myForm”的表单 我们只需要使用jQuery调用表单的submit()方法,这可以简单地完成:

    $('#formSubmitter').on('click', function(){
         $form = $('#myForm');
         $form.submit();
    });
    

    希望这有帮助!