表单提交后返回结果

时间:2017-03-03 22:15:13

标签: javascript java jquery html jsp

我需要快速帮助。

我希望用户可以上传csv文件。然后我用后面的文件做一些解析和有意义的事情。最后,将结果显示给用户。当他们上传文件时,我想查看文件大小是< = 250kb还是包含< = 1000行。

在JSP中:

<form action="/Project/CSVUpload" method="post" enctype="multipart/form-data">
<br />
<input id="uploadfilebutton" type="file" name="file" class="tss-btn tss-btn-blue" accept=".csv" required />
<br />
<input id="processfilebutton" type="submit" value="Process File" class="tss-btn tss-btn-blue" />
</form>

所以有一个上传按钮和一个提交按钮。用户单击“提交”按钮后,如何获取状态?例如,如果进程失败,我想显示弹出错误消息。

在JavaScript中:

function process()
{
$.ajax({
    url:"/Project/CSVUpload",
    type:'POST',
    contentType: 'application/json',
    dataType: 'json',
    success:function(soapContents){

        if (soapContents.haserrors)
        {
            BootstrapDialog.show({
                title: 'Process File Failed',
                message: soapContents.returnmessage,
                buttons: [ {
                    label: 'Ok',
                    action: function(dialogItself){

                        dialogItself.close();
                    }
                }]
            }); 
        }

    }
});
}

当我不使用表单时,这是有效的。表单是必需的,因为enctype必须是这样的。

在Java中:

@WebServlet("/CSVUploads")
public class CSVUpload extends HttpServlet 
{

public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, java.io.IOException 
{
boolean hasErrors = false;
if (CSVUpload success) // assume we get the info from CSVUpload class
{
    hasErrors = true;
}
if (hasErrors)
    {
        log.error("CSVUpload: "+returnMessage);

        // Setup JSON response. 
        JsonObjectBuilder jsonObjectBuilder = Json.createObjectBuilder();
        jsonObjectBuilder.add("haserrors", hasErrors);
        jsonObjectBuilder.add("returnmessage", returnMessage);
        JsonObject jsonObject = jsonObjectBuilder.build();

        // Write the JSON out as a response. 
        PrintWriter printWriter = response.getWriter();
        printWriter.print(jsonObject);
        printWriter.flush();
    }
}

所以我做了一些更改并添加了一个新的java类来处理ajax查询...它提交了两次,第一次提交是获取表单信息,第二次提交是检查成功...我不知道知道是否有人有更好的想法,但这是我改变以使其工作。这听起来不是一个好主意,但它现在有效。如果有人有更好的想法请告诉我,工作样本会很棒。

1 个答案:

答案 0 :(得分:1)

使用按钮代替提交。这是因为提交类型输入正在提交表单,但您也使用ajax发送请求。这就是两个请求的原因。