完成Ext Ajax 提交表单

最新推荐文章于 2024-09-25 14:48:06 发布

Ghost_520

最新推荐文章于 2024-09-25 14:48:06 发布

阅读量2.3k

点赞数

分类专栏： Ext 文章标签： ajax ext function stylesheet string action

本文链接：https://blog.csdn.net/Ghost_520/article/details/4020743

版权

Ext 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客展示了如何在Ext JS应用中使用Ajax提交表单，并详细说明了相关HTML、JavaScript代码以及Action后端处理。通过点击登录按钮，表单数据被验证并使用Ajax提交到指定URL，后端返回JSON格式的响应。成功登录后，页面跳转到index.jsp，而失败则显示错误消息。

摘要由CSDN通过智能技术生成

工程下载地址：http://download.csdn.net/source/1140055

Login.jsp 代码：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>华中电力科技开发公司电网事业二部短信群发平台</title> </head> <body background="images/webroot/login_backgroud.jpg"> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <mce:script type="text/javascript" src="scripts/ext/ext-base.js" mce_src="scripts/ext/ext-base.js"></mce:script> <mce:script type="text/javascript" src="scripts/ext/ext-all.js" mce_src="scripts/ext/ext-all.js"></mce:script> <mce:script type="text/javascript"></mce:script> <div class="x-hide-display" id="formWindowEl"></div> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </body> </html>

Action 中的代码：

public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws IOException { // TODO Auto-generated method stub String userName=request.getParameter("userName"); String userPwd = request.getParameter("userPwd"); for(int i=0;i<100000;i++){ System.out.println(i); } // 返回的格式必须是 json 数据的格式。 response.getWriter().println("{success:true,msg:'ok'}"); return null; }