上载CSV文件并在datagrid中显示预览

Question

我想异步上传一个csv文件到后端，并在同一页面中显示预览数据，而不刷新/重新加载页面。 所以我想用AJAX来做。

我想知道如何使用Ajax和Jquery做到这一点。 我正在使用struts2。 struts2是否有可用的插件？

在这方面的任何帮助都表示赞赏。

Answer 1

查看Struts2-jQuery-Plugin 。 然后只需执行以下操作：

<s:form action="process-csv">
    <s:file name="fileName"/>
    <sj:submit targets="csvDiv"/>
</s:form>
<sj:div id="csvDiv"/>

在Action 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 ，您只需test.jsp ：

<textarea><s:property value="%{content}"/></textarea>