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://www.dbjr.com.cn/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://www.dbjr.com.cn/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)文章
jquery實現(xiàn)異步加載圖片（懶加載圖片一種方式）
本篇文章主要介紹了jquery實現(xiàn)異步加載（懶加載圖片一種方式），具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-04-04
jquery 關(guān)于event.target使用的幾點說明介紹
本篇文章介紹了，jquery中關(guān)于event.target使用的幾點說明。需要的朋友參考下2013-04-04
EasyUI的doCellTip實現(xiàn)鼠標(biāo)放到單元格上提示單元格內(nèi)容
本篇文章主要介紹了easyUI的doCellTip 就是鼠標(biāo)放到單元格上有個提示的功能，對于Javascript教程感興趣的同學(xué)可以參考一下2016-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)輪播圖及其原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
JavaScript為我們提供幾種對話框功能，但功能都十分有限；雖然在IE下可以通過模式窗體的方式創(chuàng)建更豐富的對話框功能，但畢竟只有IE得到支持。2008-06-06
這篇文章主要介紹了jQuery實現(xiàn)顏色打字機的完整代碼，代碼簡單易懂，非常不錯，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
Raphael一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫
Raphael是一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫,它使用 SVG W3C 推薦標(biāo)準(zhǔn)和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來詳細(xì)介紹，感興趣的朋友可以了解下哦2013-01-01
本文和其他的介紹JQuery的方法不同，本文側(cè)重點是介紹一些JQuery的使用原則，以便讓JQuery代碼更高效的執(zhí)行。2016-04-04
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點擊按鈕新增窗口)，需要的朋友參考下吧
2016-04-04