其他分享
首页 > 其他分享> > jquery 读取页面——load get post ajax 四种方式

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

作者:互联网

原文链接:http://www.cnblogs.com/linji/archive/2011/04/01/2002159.html ContractedBlock.gifExpandedBlockStart.gifload 
$("#result").load("aaaa.asp #ccc");


ContractedBlock.gifExpandedBlockStart.gifget 

$.get("aaaa.asp", { action:"get",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
//alert(this);
//alert(data);
//alert(textStatus);
}); ContractedBlock.gifExpandedBlockStart.gifpost 
$.post("aaaa.asp", { action:"post",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
}); ContractedBlock.gifExpandedBlockStart.gifajax 
$.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(){
//请求出错处理
}
});

演示:

转载于:https://www.cnblogs.com/linji/archive/2011/04/01/2002159.html

标签:jquery,load,get,function,html,result,textStatus,data
来源: https://blog.csdn.net/weixin_30488313/article/details/97242426