2012-10-22 64 views
0

我想將csv文件異步上傳到後端,並在不刷新/重新加載頁面的情況下在同一頁面中顯示預覽數據。所以我想用AJAX來做。上傳CSV文件並在datagrid中顯示預覽

我想知道我們如何使用Ajax和JQuery來做到這一點。我正在使用struts2。有沒有可用於struts2的插件?

在這方面的任何幫助真的很感激。

回答

1

結帳Struts2-jQuery-Plugin。然後簡單地做到這一點:

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

在你的行動process-csv,你應該閱讀上傳的文件,並輸出,那麼它將與id="csvDiv"股利顯示。

請試試看,如果您還有其他問題,請再次發帖。

UPDATE
形式:

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

Action類:

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> 
+0

感謝您分享此信息。我會盡早嘗試這個更新。謝謝! – Narendra

+0

Hi @ Jaiwo99,我試圖做到這一點,當我點擊提交按鈕時,我的頁面正在刷新,我不知道如何在頁面中預覽導入的csv數據。你能指點我一個例子嗎?謝謝 – Narendra

+0

嗨,這是非常直接的,如果你點擊提交按鈕,它不應該刷新整個頁面,但div'csvDiv' – Jaiwo99