jquery 读取页面——load get post ajax 四种方式

load 
$("#result").load("aaaa.asp #ccc");
get 
$.get("aaaa.asp", { action:"get",name:"lulu" },
function(data, textStatus){
$(
"#result").html(data);
//alert(this);
//alert(data);
//alert(textStatus);
});
post 
$.post("aaaa.asp", { action:"post",name:"lulu" },
function(data, textStatus){
$(
"#result").html(data);
});
ajax 
$.ajax({
type:
"get",
url:
"http://www.cnblogs.com/rss",
beforeSend:
function(XMLHttpRequest){
//$('<div class="quick-alert">数据加载中,请稍后</div>')
//.insertAfter($("#btn_ajax"))
//.fadeIn('slow')
//.animate({opacity: 1.0}, 3000)
//.fadeOut('slow', function() {
//$(this).remove();
//});
},
success:
function(data, textStatus){
$(
"#result").html("");
$(
"item",data).each(function(i, domEle){
$(
"#result").append("<li>"+$(domEle).children("title").text()+"</li>");
});
},
complete:
function(XMLHttpRequest, textStatus){
//alert("加载完成!");
},
error:
function(){
//请求出错处理
}
});

演示:

posted @ 2011-04-01 14:54  Jerome's Blog  阅读(1199)  评论(0编辑  收藏  举报