ajax - 为什么 2 Ajax 调用由 a4j 进行

Question

当我提交一个简单的表格时，我看到为此提出了 2 个请求。

<h:form id="form1">
    <a4j:commandButton value="Send" id="cm1" onclick="sendData(193)"/>
    <a4j:jsFunction name="sendData">
      <a4j:param name="param1" assignTo="#{outageManagementAction.deleteEngineId}" />
    </a4j:jsFunction>
   </h:form>

JSF 生成的代码如下...

<form id="form1" name="form1" method="post" action="/moutagev1/faces/pages/xOutageEdit.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form1" value="form1" />
<input id="form1:cm1" name="form1:cm1" onclick="jsf.util.chain(this,event,&quot;sendData(193)&quot;,&quot;RichFaces.ajax(\&quot;form1:cm1\&quot;,event,{\&quot;incId\&quot;:\&quot;1\&quot;} )&quot;);return false;" value="Send" type="submit" /><span id="form1:j_idt257" style="display: none;"><script type="text/javascript">sendData=function(param1){RichFaces.ajax("form1:j_idt257",null,{"parameters":{"param1":param1} ,"incId":"1"} )};</script></span><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="8425501786648002013:2772799535475824519" autocomplete="off" />
</form>

知道为什么会这样……

Answer 1

好吧，第一个请求是标准帖子，<h:form>第二个请求是<a4j:jsFunction>点击发生时与提交链接在一起的自定义。

一种解决方案是通过更改按钮的类型来抑制标准提交，如下所示<a4j:commandButton type="button" />：

另一种选择是根本不使用<a4j:jsFunction>。而是使用这个：

<f:setPropertyActionListener target="#{outageManagementAction.deleteEngineId}" value="193" />