Ajax请求
AWS在JQuery ajax的基础上对常用的异步请求方法进行了封装,对Web开发者提供了4类常见异步请求方式,并对底层进行了统一的处理,如异常拦截。
- request
- load
- post
- get
方法说明:
方法 | 概述 | 参数说明 |
---|---|---|
awsui.ajax.request | 通过 HTTP 请求加载远程数据。 参考jQuery.ajax()。 |
url,[settings] String,Object url:一个用来包含发送请求的URL字符串。 settings:AJAX 请求设置。所有选项都是可选的。 |
awsui.ajax.load | 载入远程 HTML 文件代码并插入至 DOM 中。 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。 |
url,[data,[callback]] String,Map/String,Callback url:待装入 HTML 网页网址。 data:发送至服务器的 key/value 数据。 callback:载入成功时回调函数。 |
awsui.ajax.post | 通过远程 HTTP POST 请求载入信息。 这是一个简单的 POST 请求,请求成功时可调用回调函数。 |
url,[data],[callback],[type] String,Map,Function,String url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式,xml, html, script, json, text, _default。 |
awsui.ajax.get | 通过远程 HTTP GET 请求载入信息。 这是一个简单的 GET 请求。请求成功时可调用回调函数。 |
url,[data],[callback],[type] String,Map,Function,String url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式,xml, html, script, json, text, _default。 |
awsui.ajax.ok | 验证是否为返回状态是否为成功。 | data:ajax请求后的返回对象。 |
awsui.ajax.responseObject | 验证是否为ResponseObject对象。 | data:字符串或对象。 |
awsui.ajax.alert | 弹出请求提示消息 | data, model, callback Object, boolean,Function data: 异步请求返回对象。 model: 消息提示框的展示模式,是否为模态。 callback:弹出消息提示后回调函数。 |
示例代码
awsui.ajax.request 示例
awsui.ajax.request({
type: "POST",
url: "./jd?sid="+sid+"&cmd=%AppId%_calculation",
data: "number1=15&number2=1032&sign=+",
ok : function(r) {
//请求处理成功
},
err : function(r){
//请求处理错误
}
});
awsui.ajax.load 示例
awsui.ajax.load("./jd?sid="+sid+"&cmd=%AppId%_calculation", { number1: 15, number2: 1032, sign: '+' }, function(data){
awsui.ajax.alert(data, true, function(){ alert('callback'); });
});
awsui.ajax.post 示例
awsui.ajax.post("./jd?sid="+sid+"&cmd=%AppId%_calculation", { number1: 15, number2: 1032, sign: '+' }, function(data) {
awsui.ajax.alert(data, true, function(){ alert('callback'); });
}, 'json');
awsui.ajax.get 示例
awsui.ajax.get("./jd?sid="+sid+"&cmd=%AppId%_calculation", { number1: 15, number2: 1032, sign: '+' }, function(data) {
if(awsui.ajax.responseObject(data))
awsui.ajax.alert(data, true, function(){ alert('callback'); });
}, 'json');
awsui.ajax.ok 示例
if(awsui.ajax.ok(data))
alert(data['msg']);
awsui.ajax.responseObject 示例
if(awsui.ajax.responseObject(data))
awsui.ajax.alert(data, true, function(){ alert('callback'); });
awsui.ajax.alert 示例
awsui.ajax.alert(data, true, function(){ alert('callback'); });
后端接参
/**
* Ajax数值计算
*
* @param me 用户上下文
* @param number1 数字1
* @param number2 数字2
* @param sign 运算符
*/
@Mapping("%AppId%_calulation")
public String calculation(UserContext me, int number1, int number2, String sign) {
TestWeb web = new TestWeb(me);
return web.calculation(number1, number2, sign);
}
View层逻辑处理
public class TestWeb extends ActionWeb {
public TestWeb() {
}
public TestWeb(UserContext ctx) {
super(ctx);
}
public String calculation(int number1, int number2, String sign) {
ResponseObject ro = ResponseObject.newOkResponse();
// 处理逻辑
// ……
// ro.put("newNum",newNum);
return ro.toString();
}
}
Seven
010-62962343-690
liujx@actionsoft.com.cn
感谢您对该文档的关注!如果您对当前页面内容有疑问或好的建议,请与我联系。如果您需要解答相关技术问题请登录AWS客户成功社区