easyui 通过Ajax提交表单 Submit a form with Ajax.docVIP

easyUI 教程 ? 通过Ajax提交表单 Submit a form with Ajax本教程将向您展示如何使用easyui提交表单。我们创建一个带有名称，电子邮件和电话号码的示例表单。通过使用easyui form插件将表单改为Ajax表单。该表单提交所有字段到后台处理程序，后台处理程序再将这些数据返回到前端页面，我们接收到这些数据并显示出来。创建表单 div style=width:230px;background:#E0ECFF;padding:10px; ? ? form id=ff action=/demo5/ProcessServlet method=post ? ?? ???table ? ?? ?? ?? ?tr ? ?? ?? ?? ?? ? tdName:/td ? ?? ?? ?? ?? ? tdinput name=name type=text/input/td ? ?? ?? ?? ?/tr ? ?? ?? ?? ?tr ? ?? ?? ?? ?? ? tdEmail:/td ? ?? ?? ?? ?? ? tdinput name=email type=text/input/td ? ?? ?? ?? ?/tr ? ?? ?? ?? ?tr ? ?? ?? ?? ?? ? tdPhone:/td ? ?? ?? ?? ?? ? tdinput name=phone type=text/input/td ? ?? ?? ?? ?/tr ? ?? ?? ?? ?tr ? ?? ?? ?? ?? ? td/td ? ?? ?? ?? ?? ? tdinput type=submit value=Submit/input/td ? ?? ?? ?? ?/tr ? ?? ???/table ? ? /form /div 复制代码 将表单改为Ajax表单我们编写一些jQuery代码以使表单可以通过Ajax提交。注意：success函数在接收到返回数据时触发，这样我们就可以处理这些数据了。 $(#ff).form({ ? ? success:function(data){ ? ?? ???$.messager.alert(Info, data, info); ? ? } }); 复制代码 后台处理程序 protected void doPost(HttpServletRequest request, HttpServletResponse response) ? ?? ? throws ServletException, IOException { ? ? // TODO Auto-generated method stub ? ? String name = request.getParameter(name); ? ? String email = request.getParameter(email); ? ? String phone = request.getParameter(phone); ? ? System.out.println(name+:+email+:+phone); ? ? PrintWriter out = response.getWriter(); ? ? out.print(Name:+name+br/Email:+email+br/Phone:+phone); ? ? out.flush(); ? ? out.close(); }