jquery 读取页面load get post ajax 四种方式代码写法
2022-10-29 18:24:17内容摘要
load 复制代码 代码如下: $("#result").load("aaaa.asp #ccc"); get 复制代码 代码如下: $.get("aaaa.asp", { action:"get",name:"lulu" }, function(data, textStatus){
文章正文
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.phpstudy.net/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(){
//请求出错处理
}
});
复制代码 代码如下:
$("#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.phpstudy.net/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(){
//请求出错处理
}
});
代码注释