2016-06-27 4 views
0

異なる列を持つ動的作成テーブルがあります。 このJSPからすべてのデータを取得して、Springで渡したいと思います。動的継承テーブル行の列を渡す方法ajax呼び出しを使用して、JSPからSpringコントローラへのデータ値

JSP

<body> 
    <table class="table table-striped table-hover" id="myTable"> 
     <tbody> 
      <tr id="table1"> 

       </tr> 
      <tr id="table2"> 

       </tr> --> 
      <tr id="table3"> 

      </tr> 
     </tbody> 
</table> 
</body> 
</html> 

とJavaScript AJAX呼び出し機能は

function saveSubmit() { 

     var selectBox = document.getElementById("selectBozone"); 
     var buzoneID = selectBox.options[selectBozone.selectedIndex].value; 
     var profileName = document.getElementById("profile-title").innerText; 
     // var tableArray = new Array(); 
      var tableArray = document.getElementById("myTable"); 

     $.ajax({ 
     type: "GET", 
     dataType: " ", 
     url: "/lyra/admin/saveProfileBuzoneRights", 
     data: "buzoneID=" + buzoneID + "&profileName=" + profileName + "&tableArray=" + tableArray, 
     success: function(response) { 

     } 
     }); 

    alert("El proceso se ha realizado correctamente"); 
    //window.location = "profilesRecord"; 
} 

が、コントローラ側の私はtableArrayのvaribleの値オブジェクトHTMLTableElementを取得しています。 そのため、私はこの変数の値を反復することができません。 助けてください。

+0

htmlの表要素を、そうでない配列として表示しようとしています。必要なデータにどのように到達するかは、ajax呼び出しを使用して正確に送信したいものによって異なります。 myTable.innerHTMLをajaxデータに追加することで、TABLE HTMLコード全体を取得できますが、そうは思わしくありません。 テーブルからデータを抽出する必要があります。このデータは質問に適切に記述されていません。また、通常は、ajaxを介して静的なテーブルデータを送信したくない場合があります。おそらく、テーブルから入力フィールドが欠落している可能性があります。 – elfwyn

答えて

0

1)

selectBozone.selectedIndex 

存在しますが、その前の行で変数選択ボックスを定義していません。

selectBox.selectedIndex 

2)

jqueryのAJAXにデータを渡すときは、JSON表記を使用する必要があります呼び出します。

data:{name:value,name:value,......} 

代わりの&

3でリクエストURLを連結)

getElementById()は、単一のHTML eであるTABLEを取得します。データの配列ではありません。 必要な情報に必要な情報があります。

関連する問題