Spring MVCファイルをアップロードして解析済みのデータを返信する

Question

WebアプリケーションにSpring MVCを使用しています。私はファイルアップロード機能を実装しています。チュートリアルの後、私はアップロードされたファイルを "ファイル"の入力タイプのサブミットアクションを通してサーバーに送ることができました。次に、アップロードしたxlsファイルをサーバー側で解析し、解析されたデータ（カスタムオブジェクトの3つのリスト）を同じフォームに送り返して表示する必要があります。 ModelAttributeを介してデータを送り返しました。

しかし、私の問題はクライアント側では、JavaScriptのカスタムオブジェクトのリストを使用する必要がありますが、カスタムオブジェクトの各フィールドはjstlタグライブラリで取り出すことしかできませんが、私は他のロジックの実装のためにそれらを必要とする私のjavascriptのオブジェクト。

次に、Ajax呼び出しがJavascriptで使用できるJSON応答を返すことができるため、Ajaxファイルアップロードプラグインを試しました。しかし、プラグインが正しく動作することはできません。

私は数日間この問題を抱えています。 <誰でもこれを助けることができますか？ JavascriptでModelAttributeを使用する方法とAjaxの呼び出し方法のどちらの方法も問題ありません。どうもありがとうございました！！！

Answer 1

モデルオブジェクトをHTMLに単純に「平坦化」してから、DOM APIを使用してJavascriptからアクセスできる理由はありますか？

カスタムオブジェクトの3つのリストが返ってきました。ですから、people呼ばModelAttributeでPersonオブジェクトのリストがある場合、たとえば各リストのについて、あなたは、（隠された）HTMLテーブルを構築する方法：あなたのJavaScriptで今

<table id="people-table"> 
    <c:forEach var="person" items="${people}"> 
    <tr id="${person.id}> 
     <td class="person-name">${person.name}</td> 
     <td class="person-age">${person.age}</td> 
     <td class="person-height">${person.height}</td> 
    </tr> 
    </c:forEach> 
</table> 

を、あなたが行を反復処理people-tableに、あなたがする必要があるものは何でもやって - 例えばjQueryを使用して：

$("#people-table tr").each(
    var personId = $(this).attr("id"); 
    var personName = $(this).find("td.person-name").text(); 
    // etc, etc 
    // Do something with these as required 
); 

それはおそらく最もエレガントな解決策ではないのですが、それは、少なくともデバッグするのは簡単です - あなたはいつもちょうどかどうかを確認するためにFirebugのなどでtableを検査することができますデータは正しい、そこから、サーバーサイドまたはJavascriptでデバッグを続行するかどうかがわかります。