如何使用jquery将参数发送到portlet

时间:2012-06-27 10:18:17

标签: java jquery jsp portlet

我的jsp页面上有一个表单。在这种形式中,我选择一个文件(zip存档),然后单击submmit调用servlet上传此文件。对于文件上传我使用Apache Commons FileUlpoad库。上传im解压缩档案后。我正在对这个jsp进行重写。

jsp代码:

<form action="Upload_Servlet" method="post" enctype="multipart/form-data">
   <div id="up">
       <input id="fileUpload1" type="file" name="filename1"value="Browse..."/>
   </div>
   <div>
        <input id="btnSubmit" type="submit" value="Загрузить">
        <input type="button" id="del" onclick="deleting()" value="Удалить">
   </div>
</form>

servlet代码:

public class uploadfile extends HttpServlet
{

public void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, java.io.IOException {
    System.out.println(response.getCharacterEncoding());
    response.setCharacterEncoding("UTF-8");
    System.out.println(response.getCharacterEncoding());
    response.setContentType("text/html");
    PrintWriter writer = response.getWriter();
    writer.println("wtpwebapps<br/>");
    boolean isMultipart = ServletFileUpload.isMultipartContent(request);
    if (!isMultipart) {
        writer.println("<HTML>");
            writer.println("<HEAD <TITLE> Upload4 </TITLE> </HEAD>");
            writer.println("<BODY>");
            writer.println("<FORM action = \"Upload_Servlet\" method = \"post\" enctype = \"multipart/form-data\">");
            writer.println("<INPUT type = file name = ufile>");
            writer.println("<INPUT type = submit value = \"Attach\">");
            writer.println("<h1>its not multipart</h1>");
            writer.println("</FORM>");
            writer.println("</BODY>");
            writer.println("</HTML>");
            return;
        }          
  FileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);
    List<FileItem> list=null;
    String mifpath= "1";
    String path = " ";
    String mif = " ";
    String from = "\\\\";
    String to ="/";
    String error="";
     try{
      list = upload.parseRequest(request);
      Iterator<FileItem> it = list.iterator();
      response.setContentType("text/html");
      while ( it.hasNext() ) 
      {

        FileItem item = (FileItem) it.next();
        File disk = new File("C:/uploaded_files/"+item.getName());

            path = disk.toString();

            String code = new String(path.substring(path.lastIndexOf("."), path.length()).getBytes("ISO-8859-1"),"utf-8");
            if (code.equalsIgnoreCase(".zip"))
            {
                mifpath=path;
                mif = mifpath.replaceAll(from, to);
                item.write(disk);
                error=unzip.unpack(mif, "C:/uploaded_files");
            }
            else
            {
                error = "Выбранный файл не является архивом zip";

            }
      }
    }
     catch ( Exception e ) {
      log( "Upload Error" , e);
    }
     request.setAttribute("error", error);
     request.getRequestDispatcher("/Home.jsp").forward(request, response);

    // String redictedURL="http://localhost:8080/redicted_test/Home.jsp";
    // response.sendRedirect(redictedURL);
    writer.close();
    }
}

现在我想在门户网站上这样做。这意味着我上传文件后不想重新加载我的jsp。所以我必须使用Jquery。我有一些问题:

  1. 如何在我的案例中提交表单以使用jquery?
  2. 我的servlet代码可以在portlet中使用吗?
  3. 如何从portlet将参数发送到jps?

1 个答案:

答案 0 :(得分:0)

使用Jquery可以轻松完成:

  1. 在提交按钮(或表单提交)上设置点击事件。
  2. 将数据发布到servlet:

    $.ajax({
            url : base_url + 'Upload_Servlet',
            type : "post",
            data:$('form').serialize(),             
            cache : false,
            success : function(data) {
                //do some stuff
    
        },
        error : function(xhr, status, err) {
            //do error stuff
        },
        timeout : 3000
        });
        //End ajax call
    
  3. servlet完成后,只需使用响应编写器写回一个aswer(如果它包含大量数据,我建议以json的形式发送响应,请参阅here然后调用成功回调,你可以用这些数据做任何你喜欢的事。

  4. 重要提示:由于您要提交表单,因此需要使用e.preventDefault(),因此表单不会实际提交,而是由您的ajax提交。