使用YUI3 IO组件实现ajax

注意:如下写法不能实现ajax跨域,连子域跨域都不行。

/*
*<div id=show_info></div>
*<input type=button id=requestButton value=Send a POST Request>
*/
YUI().use(io,function(Y){
var show_info = Y.one('#show_info');
var handleSuccess = function(ioId,o){
if (o.responseText !== undefined) {
var s = <li>Transaction id: + ioId + </li>;
s += <li>HTTP status: + o.status + </li>;
s += <li>Status code message: + o.statusText + </li>;
s += <li>HTTP headers received: <ul> + o.getAllResponseHeaders() + </ul></li>;
s += <li>page response: + o.responseText + </li>;
show_info.set(innerHTML,s);
}
}
var handleFailure = function(ioId,o){
if (o.responseText !== undefined) {
show_info.set(innerHTML,handleFailure);
}
}
Y.on('io:success',handleSuccess);
Y.on('io:failure',handleFailure);
var cfg = {
method: POST,
data: user=fengyue&password=888,
//data:
};
var sUrl = http://www.alimama.net:8080/union/aa.htm;
function makeRequest(){
show_info.set(innerHTML,Loading data from new request...);
var request = Y.io(sUrl,cfg);
}
Y.on(click,makeRequest,#requestButton);
});

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...