EasyUI Ajax 表单

资料来源：网络整理时间：2023/2/14 0:02:58 共计：3634 浏览

这个教程显示如何发送表单。我们创建一个例子表单：name，email和phone字段。使用easyui表单插件，我们可以将表单变成ajax表单。表单发送所有的字段到后台处理服务，服务处理和发送一些数据返回前台网页。我们收到返回的数据后显示他。
创建form

<divstyle="width:230px;background:#E0ECFF;padding:10px;">

<formid="ff"action="/demo5/ProcessServlet"method="post">

<table>

<tr>

</tr>

<tr>

<td>Email:</td>

</tr>

<tr>

<td>Phone:</td>

</tr>

<tr>

</tr>

</table>

</form>

</div>

转换成Ajax表单
我们写一些jquery代码使表单以ajax方式发送。注意，当数据返回时，form插件的success函数激发，所以我们可以处理一点事情。

$('#ff').form({

success:function(data){

$.messager.alert('Info', data, 'info');

}

});

服务处理：

protectedvoiddoPost(HttpServletRequest request, HttpServletResponse response) throwsServletException, 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();

}

当我们点击发送按钮时，可以看到；

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。