jquery 讀取頁(yè)面load get post ajax 四種方式代碼寫法

更新時(shí)間：2011年04月02日 00:21:11 作者：

jquery 讀取頁(yè)面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

復(fù)制代碼代碼如下:

 
$.post("aaaa.asp", { action:"post",name:"lulu" }, 
function(data, textStatus){ 
$("#result").html(data); 
}); 

ajax

復(fù)制代碼代碼如下:

 
$.ajax({ 
type: "get", 
url: "http://www.dhdzp.com/rss", 
beforeSend: function(XMLHttpRequest){ 
//$('<div class="quick-alert">數(shù)據(jù)加載中，請(qǐng)稍后</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(){ 
//請(qǐng)求出錯(cuò)處理 
} 
}); 

您可能感興趣的文章:

相關(guān)文章

flexigrid 類似ext grid的JS表格代碼
flexigrid是類似ext grid的JS表格，不過(guò)基于jQuery，目前只是beta版，例子不十分完整。
2010-07-07
jQuery當(dāng)鼠標(biāo)懸停時(shí)放大圖片的效果實(shí)例
這是一個(gè)基于jQuery的效果，當(dāng)鼠標(biāo)在小圖片上懸停時(shí)，會(huì)彈出一個(gè)大圖，該大圖會(huì)跟隨鼠標(biāo)的移動(dòng)而移動(dòng)
2013-07-07
jQuery實(shí)現(xiàn)ToolTip元素定位顯示功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)ToolTip元素定位顯示功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素屬性的動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-11-11
jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的思路及核心代碼，需要的朋友可以參考下
2014-06-06
詳解handlebars+require基本使用方法
本文主要對(duì)handlebars+require基本使用方法進(jìn)行詳細(xì)介紹，文章尾部會(huì)附上完整代碼供大家參考。需要的朋友一起來(lái)看下吧
2016-12-12
jQuery實(shí)現(xiàn)圖片漸入漸出切換展示效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片漸入漸出切換展示效果,需要的朋友可以參考下
2015-08-08
基于jquery實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)控件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的寫法
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的實(shí)現(xiàn)方法。點(diǎn)擊“運(yùn)行”后，請(qǐng)刷新一次。
2009-05-05
jQuery實(shí)現(xiàn)的記住帳號(hào)密碼功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的記住帳號(hào)密碼功能,結(jié)合完整實(shí)例形式分析了jQuery使用jquery.cookie.js插件記錄用戶信息相關(guān)操作技巧,需要的朋友可以參考下
2019-08-08
基于jquery實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了基于jquery二級(jí)聯(lián)動(dòng)效果的代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03