52,787
社区成员
发帖
与我相关
我的任务
分享ext提交问题
今天写了一个EXT登陆,可是总是失败
这是HTML代码,中间URL我想用servlet提交,可是总是返回"服务器出现错误请稍后再试"也就是连后台都没进去,
直接只调用
failure:function(){
Ext.Msg.alert('错误','服务器出现错误请稍后再试！');
}
这是我的servlet
web.xml
如果我把url换成一个JSP页(login.jsp),可以访问到后台,不过IE报JS错误
行24
缺少:)
我找了半天都没找到错误地方
底下是我的JSP
上面的print都可以打印出来,但是到html的时候报JS出错,提示少), 不过我找了24行,根本就不属于同一块的地方
<!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>extDemo</title>
<link rel="stylesheet" type="text/css" href="../scripts/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../scripts/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../scripts/ext/ext-all.js"></script>
</head>
<body>
<script>
Ext.onReady(function(){
//使用表单提示
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';//设置提示信息位置为边上
//定义表单
var simple = new Ext.FormPanel({
labelWidth: 75, // 默认标签宽度
baseCls: 'x-plain',
defaults: {width: 150},
defaultType: 'textfield',//默认字段类型
//定义表单元素
items: [{
fieldLabel: '帐户',
name: 'name',//元素名称
//anchor:'95%',//也可用此定义自适应宽度
allowBlank:false,//不允许为空
blankText:'帐户不能为空'//错误提示内容
},{
inputType:'password',
fieldLabel: '密码',
//anchor:'95%',
name: 'pws',
allowBlank:false,
blankText:'密码不能为空'//可限制多种类型，具体参照api文档
}
],
buttons: [{
text: '登陆',
type: 'submit',
//定义表单提交事件
handler:function(){
if(simple.form.isValid()){//验证合法后使用加载进度条
Ext.MessageBox.show({
title: '请稍等',
msg: '正在加载...',
progressText: '',
width:300,
progress:true,
closable:false,
animEl: 'loding'
});
//控制进度速度
var f = function(v){
return function(){
var i = v/11;
Ext.MessageBox.updateProgress(i, '');
};
};
for(var i = 1; i < 13; i++){
setTimeout(f(i), i*150);
}
//提交到服务器操作
simple.form.doAction('submit',{
url:'DemoLogin',//文件路径
method:'post',//提交方法post或get
params:'',
//提交成功的回调函数
success:function(form,action){
if (action.result.msg=='ok') {
document.location='index.html';
} else {
Ext.Msg.alert('登陆错误',action.result.msg);
}
},
//提交失败的回调函数
failure:function(){
Ext.Msg.alert('错误','服务器出现错误请稍后再试！');
}
});
}
}
},{
text: '取消',
handler:function(){simple.form.reset();}//重置表单
}]
});
//定义窗体
win = new Ext.Window({
id:'win',
title:'用户登陆',
layout:'fit', //之前提到的布局方式fit，自适应布局
width:300,//定义窗口宽度
height:150,//定义窗口高度
plain:false,//true则主体背景透明，false则主体有小差别的背景色，默认为false
// frame:true,
bodyStyle:'padding:5px;',
maximizable:false,//禁止最大化
closeAction:'close',//枚举值为：close(默认值)，当点击关闭后，关闭window窗口 hide,关闭后，只是hidden窗口
closable:false,//禁止关闭
collapsible:true,//可折叠
draggable:true,//则可拖动，但需要你提供操作过程，默认为false
titleCollapse:true,//设为true，则点击标题栏的任何地方都能收缩，默认为false.
autoScroll:false,//设为true则内容溢出的时候产生滚动条，默认为false
plain: true,
buttonAlign:'center',
items:simple//将表单作为窗体元素嵌套布局
});
win.show();//显示窗体
});
</script>
</body>
</html>
这是HTML代码,中间URL我想用servlet提交,可是总是返回"服务器出现错误请稍后再试"也就是连后台都没进去,
直接只调用
failure:function(){
Ext.Msg.alert('错误','服务器出现错误请稍后再试！');
}
String name = request.getParameter("name");
String pwd = request.getParameter("pws");
System.out.println("name=="+name);
System.out.println("pwd=="+pwd);
if(name.equals("admin")&&pwd.equals("pwd")){
System.out.println("OK");
response.setContentType("text/html; charset=utf-8");
response.getWriter().write("{success:true,msg:\'ok\'}");
}else{
response.setContentType("text/html; charset=utf-8");
response.getWriter().write("{success:true,msg:\'密码错误\'}");
}
这是我的servlet
<servlet>
<description></description>
<display-name>DemoLogin</display-name>
<servlet-name>DemoLogin</servlet-name>
<servlet-class>com.linpyi.test.DemoLogin</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>DemoLogin</servlet-name>
<url-pattern>/DemoLogin</url-pattern>
</servlet-mapping>
web.xml
如果我把url换成一个JSP页(login.jsp),可以访问到后台,不过IE报JS错误
行24
缺少:)
我找了半天都没找到错误地方
底下是我的JSP
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link rel="stylesheet" type="text/css" href="../scripts/ext/resources/css/ext-all.css">
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="../scripts/ext/adapter/ext/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="../scripts/ext/ext-all.js"></script>
<head>
<title>Insert title here</title>
</head>
<body>
<%
String name = request.getParameter("name");
String pwd = request.getParameter("pws");
System.out.println("name=="+name);
System.out.println("pwd=="+pwd);
if(name.equals("admin")&&pwd.equals("pwd")){
response.setContentType("text/json; charset=utf-8");
response.getWriter().write("{success:true,msg:\'ok\'}");
}else{
response.setContentType("text/json; charset=utf-8");
response.getWriter().write("{success:true,msg:\'帐户或密码错误\'}");
}
%>
</body>
</html>
上面的print都可以打印出来,但是到html的时候报JS出错,提示少), 不过我找了24行,根本就不属于同一块的地方
...全文
请发表友善的回复…
发表回复
