ExtJs——Ajax（包含上传）！！！

一、先来一个简单的Ajax，返回json数据。

ext

Ext.Ajax.request({url:'TimeServlet.do',success:function(response,config){alert(config.url + ';' + config.method);var json = Ext.util.JSON.decode(response.responseText);Ext.Msg.alert('result',json.author + ';' + json.time);},failure:function(){Ext.Msg.alert('result','请求失败！');},method:'post',params:{name:'张胜鸿'}});

 

servlet

public class TimeServlet extends HttpServlet {private static final long serialVersionUID = 8294809920768233955L;protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {String name = req.getParameter("name");resp.setContentType("text/html;charset=utf-8");PrintWriter out = resp.getWriter();out.println("{author:/"" + name + "/",time:/"" + new Date() + "/"}");out.flush();out.close();}protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {this.doGet(req, resp);}}

 

web.xml

<servlet> <servlet-name>TimeServlet</servlet-name> <servlet-class>ajax.TimeServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>TimeServlet</servlet-name> <url-pattern>/TimeServlet.do</url-pattern> </servlet-mapping>

 

二、再来一个文件上传的Ajax，首先Ajax并不支持流的传输，只是在里面套了个iframe。

ext

//ajax 上传Ext.get('btn').on('click',function(){Ext.Ajax.request({url:'UploadServlet.do',isUpload:true,form:'upform',success:function(){Ext.Msg.alert('upfile','文件上传成功！');}});});

 

html

 <form id="upform">请选择文件：<input type="file" name="file"/><input type="button" id="btn" value="上传"/></form>

 

servlet

 public class UploadServlet extends HttpServlet {private static final long serialVersionUID = -8873829287987682202L;protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {InputStream in = req.getInputStream();OutputStream out = new FileOutputStream("d:/test.txt");try {byte[] b = new byte[1024];while (in.read(b) != -1) {out.write(b);}} finally {out.flush();out.close();in.close();}}protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {this.doGet(req, resp);}}

 

xml

  <servlet> <servlet-name>UploadServlet</servlet-name> <servlet-class>ajax.UploadServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>UploadServlet</servlet-name> <url-pattern>/UploadServlet.do</url-pattern> </servlet-mapping>