將JSP表單數據提交到servlet

Question

我目前有這個樹節點，它是從http://mbraak.github.io/jqTree/創建的。 我正在嘗試實現這棵樹，以便當用戶單擊樹中的節點時，它將把數據發送到我的servlet。 有什么辦法嗎？ 我當前正在使用JSP。 我最初的解決方案是添加一個按鈕，以便該按鈕（帶有表單標簽）在被單擊時（選擇我的節點后）將執行發布操作，但是我想知道是否有不使用按鈕的解決方案。 我還考慮過使用ajax，但對此尚不陌生，並且不確定是否可行。 確實需要一些幫助。 謝謝我的樹：

$('#tree1').tree({data: data});
    $('#tree1').bind(
             'tree.click',
            function(event) {
                if (event.node) {
                    // node was selected
                        node = event.node.name;
                    alert(node);
                    // send node value to servlet
                }
                else {
                }});

的HTML

<div id="tree1"></div>

我最初的想法

  $('#saveCat').click(function(){
        document.getElementById('mainCat').value = node;
        document.getElementById('action').value = "savecategory";
     });


  <form action="TopicCloudServlet">
    <button id="saveCat" class=" catbtn btn-primary">Save</button>
    <input type="hidden" id="mainCat" name="mainCat" value="" />
    <input type="hidden" id="action" name="action" value="" />
  </form>

Answer 1

假設您正在動態創建樹，則可以在渲染樹時向樹的每個節點添加額外的元素作為屬性。不要擔心，瀏覽器會忽略您的自定義屬性。

“ nodevalue”下面是您自己的屬性，您在渲染樹以唯一標識每個節點時將其動態添加到div中。

<div id="tree1">
   <div nodevalue="node1" class="mynode">
   </div>
  <div nodevalue="node2" class="mynode">
   </div>
</div>

然后編寫一個jquery類選擇器onclick事件，並獲取被單擊節點的唯一ID。

$(".mynode").on("click",function(){

    alert(this.attr("nodevalue"));

});

this.attr("nodevalue")

將提供您當前單擊的節點的值。

Answer 2

好吧，我找到了一種非常簡單的解決方案（為什么我沒有想到它）

1. 將ID添加到要提交的表單中。

2. 在您希望提交表單的javascript中，

   document.forms [“ FormID”]。submit（）;