<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ajax.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/web/ext/resources/css/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="/web/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/web/ext/adapter/ext/ext-all.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="/web/ext/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.Ajax.request({
url: 'time!getTime.action',
success: function(response, opts) {
Ext.Msg.alert("success",response.responseText);
//var obj = Ext.decode(response.responseText);
//console.dir(obj);
},
failure: function(response, opts) {
//console.log('server-side failure with status code ' + response.status);
Ext.Msg.alert("failure",response.status);
},
params:{
name:'test'
}
});
// 提交表单。
var button = new Ext.Button(
{
text:"提交表单",
renderTo:document.body,
handler:function(){
Ext.Ajax.request(
{
form:'myform',
params:'name'
}
);
}
}
);
Ext.get("json").on("click",function(){
Ext.Ajax.request(
{
url:"time!getJson.action",
success:function(response,config){
var json = Ext.util.JSON.decode(response.responseText);
Ext.Msg.alert("","name="+json.name+",age="+json.age);
},
failure:function(response,config){
Ext.Msg.alert("","抱歉,请求失败!");
}
}
);
});
Ext.get('uploadBtn').on('click',function(){
//var form = Ext.get('upload').dom;
var form = document.forms[1];
//alert(form==Ext.get('upload').dom);
form.target = id; // 链接form与iframe
form.method = "post"; //必须是post
form.enctype = form.encoding = "multipart/form-data";
var url = "time!doUpload.action"; // 表单提交地址。
if(url) {
form.action = url;
}
Ext.Ajax.request(
{
url:"time!doUpload.action",
isUpload:true,
form:"upload",
success:function(response,cfg){
var result = Ext.util.JSON.decode(response.responseText);
Ext.Msg.alert("msg",result.msg);;
},
failure:function(response,cfg){
var result = Ext.util.JSON.decode(response.responseText);
Ext.Msg.alert("msg",result.msg);
}
}
);
});
});
</script>
</head>
<body>
<form action="time!submitForm.action">
<input type="text" name="name" id="name">
</form>
<input type="button" id="json" value="Json">
<div>
<span>Ajax文件上传</span><br>
<form id="upload">
<label>选择上传文件:</label>
<input type="file" name="file">
<br>
<label>文件描述:</label>
<textarea rows="4" cols="50" name="fileDesc"></textarea>
<input type="button" value="上传文件" id="uploadBtn">
</form>
</div>
</body>
</html>
ext--Ajax
最新推荐文章于 2024-07-29 11:49:07 发布