ajax使用獲取請求調用webflow

Question

我能夠使用帶有ajax的webflow使用POST，但不能使用GET。

我有一個父對象在我的頁面頂部。我有一個頁面底部的潛在孩子名單。用戶選擇潛在孩子添加到父母的「添加」鏈接。

完整的HTML如下：

<tr> 
 
    <td><a href="/prototype2/xzcreatetesttype.html?execution=e2s1&amp;_eventId=addtut&amp;tutid=148&amp;tutname=Advanced%20French">Add</a></td> 
 
\t <td>Advanced French</td> 
 
</tr> 
 
<tr> 
 
\t <td><a href="/prototype2/xzcreatetesttype.html?execution=e2s1&amp;_eventId=addtut&amp;tutid=81&amp;tutname=Algebra%20One">Add</a></td> 
 
\t <td>Algebra One</td> 
 
    </tr>

然而，這將刷新整個頁面。我如何使這個ajax調用，所以我只刷新一個片段（即，父母的指定的孩子）。

注：我的問題是關於形成對webflow的調用。我知道如何render the result

Answer 1

下面是對這裏提出的問題的答案。我不確定是否需要JavaScript params分段參數，因爲在webflows「呈現分段」中指定了要呈現的分段。這個函數似乎沒有這個參數。

<table id="bodyInnerTable" 
 
\t style="border: 1px solid #007589; width: 100%; vertical-align: top"> 
 
\t <tr> 
 
\t \t <td id="bodyMainCellHead" colspan="2" th:text="#{label.availabletuts}">Name</td> 
 

 
\t </tr> 
 
\t 
 
\t <!-- Iterate through the children (retrieved from db and held in bean as TreeMap) 
 
\t Each <a> tag must have a unique th:id. The name attribute applies to all children in list 
 
\t 
 
\t --> 
 
\t <tr th:each="tut : ${vwNewTestType.tutMap}" th:if="${vwNewTestType.tutMap.size() > 0}"> 
 
\t \t <td><a th:id="${tut.value}" name="addtutname" 
 
\t \t \t th:href="@{'~' + ${flowExecutionUrl}(_eventId=addtut, tutid=${tut.value},tutname=${tut.key})}">Add</a></td> 
 
\t \t <td th:text="${tut.key}">id</td> 
 
\t </tr> 
 
</table> 
 

 

 
<!-- dojo .forEach will then allow for identification of which element is clicked and the webflow transition on=""addtut" is called--> 
 

 
<script type="text/javascript"> 
 
\t 
 
\t 
 
\t dojo.query("a[name=addtutname]").forEach(function(element) 
 
\t \t \t { 
 
\t \t \t  Spring.addDecoration(new Spring.AjaxEventDecoration({ 
 
\t \t \t   elementId: element.id, 
 
\t \t \t   event: "onclick" 
 
\t \t \t   //params: { fragments:"s2,s4"} 
 
\t \t \t  })) 
 
\t \t \t }); 
 
</script>