csvファイルを非同期でアップロードして、ページを更新/再読み込みせずに、プレビューデータを同じページにバックエンドして表示したい。だから私はAJAXを使ってそれをやりたいです。
AjaxとJqueryを使用してこれをどのように行うことができるのでしょうか。struts2を使用しています。struts2で利用できるプラグインはありますか?
この点に関する助けは本当にありがたいです。
Struts2-jQuery-Pluginをチェックしてください。次に、これを行うだけです。
<s:form action="process-csv">
<s:file name="fileName"/>
<sj:submit targets="csvDiv"/>
</s:form>
<sj:div id="csvDiv"/>
アクションprocess-csv
では、アップロードされたファイルを読み取って出力する必要があります。そうすると、divに。が表示されid="csvDiv"
ます。
これを試してみてください。さらに質問がある場合は、もう一度投稿してください。
更新
フォーム:
<s:form action="process-csv">
<s:file name="fileName"/>
<sj:submit targets="csvDiv"/>
</s:form>
<sj:div id="csvDiv"/>
アクションクラス:
public class ProcessCsv {
private File fileName;//getter + setter
private String content;// getter + setter
public String execute(){
content = parseCsv(fileName);
return SUCCESS;
}
}
OpenCsvのようなライブラリを使用parseCsv()
して、に実装できますtest.jsp
。必要なのはこれだけです。
<textarea><s:property value="%{content}"/></textarea>