jquery 讀取頁面load get post ajax 四種方式代碼寫法
更新時間：2011年04月02日 00:21:11 作者：
jquery 讀取頁面load get post ajax 四種方式代碼寫法，學(xué)習(xí)jquery的朋友可以參考下。
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://m.fzitv.net/rss",
beforeSend: function(XMLHttpRequest){
//$('<div class="quick-alert">數(shù)據(jù)加載中，請稍后</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(){
//請求出錯處理
}
});
復(fù)制代碼 代碼如下:
$("#result").load("aaaa.asp #ccc");
get
復(fù)制代碼 代碼如下:
$.get("aaaa.asp", { action:"get",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
//alert(this);
//alert(data);
//alert(textStatus);
});
post
復(fù)制代碼 代碼如下:
$.post("aaaa.asp", { action:"post",name:"lulu" },
function(data, textStatus){
$("#result").html(data);
});
ajax
復(fù)制代碼 代碼如下:
$.ajax({
type: "get",
url: "http://m.fzitv.net/rss",
beforeSend: function(XMLHttpRequest){
//$('<div class="quick-alert">數(shù)據(jù)加載中，請稍后</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(){
//請求出錯處理
}
});
您可能感興趣的文章:
相關(guān)文章
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
jQuery當(dāng)鼠標(biāo)懸停時放大圖片的效果實例
這是一個基于jQuery的效果，當(dāng)鼠標(biāo)在小圖片上懸停時，會彈出一個大圖，該大圖會跟隨鼠標(biāo)的移動而移動2013-07-07
jQuery實現(xiàn)ToolTip元素定位顯示功能示例
這篇文章主要介紹了jQuery實現(xiàn)ToolTip元素定位顯示功能,結(jié)合實例形式分析了jQuery針對頁面元素屬性的動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
jQuery+ajax實現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下2014-06-06
本文主要對handlebars+require基本使用方法進行詳細介紹，文章尾部會附上完整代碼供大家參考。需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了jQuery實現(xiàn)圖片漸入漸出切換展示效果,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)簡單的分頁控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
jquery-1.2.6得到焦點與失去焦點的實現(xiàn)方法。點擊“運行”后，請刷新一次。2009-05-05
這篇文章主要介紹了jQuery實現(xiàn)的記住帳號密碼功能,結(jié)合完整實例形式分析了jQuery使用jquery.cookie.js插件記錄用戶信息相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了基于jquery二級聯(lián)動效果的代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03