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 (){
// 请求出错处理
}
});

演示:

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