AJax技术

使用YUI3 IO组件实现ajax

字号+ 作者:H5之家 来源:H5之家 2015-11-10 17:20 我要评论( )

使用YUI3 IO组件实现ajax。注意:如下写法不能实现ajax跨域,连子域跨域都不行。 /* *div id=show_info/div *input type=button id=requestButton value=Send a

注意:如下写法不能实现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 = ":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");
});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery.ajax()的相关参数及使用

    jQuery.ajax()的相关参数及使用

    2016-02-08 16:00

  • 使用AJAX的十大理由

    使用AJAX的十大理由

    2016-02-08 15:00

  • 今天开始应该使用 5 个JavaScript调试技巧

    今天开始应该使用 5 个JavaScript调试技巧

    2016-01-23 17:00

  • 技巧和诀窍:在不用UpdatePanel的情形下可与ASP.NET AJAX 使用的

    技巧和诀窍:在不用UpdatePanel的情形下可与ASP.NET AJAX 使用的

    2016-01-23 16:00

网友点评