jquery的ajax請求全面了解
jquery中封裝了一些ajax請求的方法，很實用。
比如
.ajaxComplete()——請求完成時
.ajaxError()——請求失敗時
.ajaxSend()——在Ajax請求發(fā)送時附加一個function去執(zhí)行
.ajaxStart()——請求開始時，
.ajaxStop()——請求結束時
.ajaxSuccess()——請求成功時
.load()——從服務端加載數據并將返回的HTML替換到選擇的元素中
jQuery.post()——使用HTTP POST請求加載服務端數據
.serialize()——將form元素集編碼成一個字符串以便提交
.serializeArray()——將form元素集編碼成一個鍵值對數組
jQuery.param()——創(chuàng)建一個序列化的數組或對象，使得適用于一個URL查詢字符串或者Ajax請求
jQuery.getScript()——從服務端加載一個js文件，然后執(zhí)行它
jQuery.getJSON()——從服務端加載用JSON編碼過的數據
jQuery.get()——從服務端加載數據簡單說其中兩點
一、.ajaxStart()和.ajaxStop()
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="test/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.log1').ajaxStart(function() {
$(this).text('Triggered ajaxStart handler.');
});
$('.log2').ajaxStop(function() {
$(this).text('Triggered ajaxStop handler.');
});
$('.trigger').click(function() {
$('.result').load('xixi.html');
});
});
</script>
</head>
<body>
<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log1"></div>
<div class="log2"></div>
</body>
</html>
代碼中class為result的元素load了一個xixi.html,此文件中的內容隨便，只要存在這個文件就行。js執(zhí)行方法的順序是
先
$(this).text('Triggered ajaxStart handler.');
然后
加載晚xixi.html里的內容到class為result的元素中
最后
$(this).text('Triggered ajaxStop handler.');
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="test/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.log1').ajaxStart(function() {
$(this).text('Triggered ajaxStart handler.');//【1】
});
$('.log2').ajaxStop(function() {
$(this).text('Triggered ajaxStart handler.');//【5】
});
$('.result').ajaxSend(function() {
$(this).text('Triggered ajaxSend handler.');//【2】
});
$('.result').ajaxComplete(function() {
$(this).text('Triggered ajaxComplete handler.');//【4】
});
$('.result').ajaxSuccess(function() {
$(this).text('Triggered ajaxSuccess handler.');//【3】
});
$(".result").ajaxError(function() {
$(this).text( "Triggered ajaxError handler." );
});
$('.trigger').click(function() {
$('.result').load('xixi.html');
});
});
</script>
</head>
<body>
<div class="trigger">Trigger</div>
<div class="result"></div>
<div class="log1"></div>
<div class="log2"></div>
</body>
</html>
上述代碼中還是class為result的加載一個html文件。
執(zhí)行順序代碼中已經標出
如果請求過程中出現什么錯誤，比如說文件不存在等，就會執(zhí)行.ajaxError()中的方法而不是.ajaxSuccess()中的。
以前總是對ajax認識很亂，現在有個全面的認識，總結一下，希望共同學習，另外請求中的方式是HTTP GET還是HTTP POST也是值得研究的。
jquery中介紹ajax的地址ajax的使用
相關文章
這兩天幫朋友的網站做個放大鏡，就是淘寶上的那種，兩個框，一個框放小圖，另外一個框放大圖。本來說想從網上直接載一個拿來Hack，但是找好半天都沒有找到，看了看JQ的插件也好像不對，干脆就自己寫了。2010-08-08
jquery ajax 同步異步的執(zhí)行示例代碼，需要的朋友可以參考下。2010-06-06
jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現代碼
這篇文章主要介紹了jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現代碼的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
解析Jquery中如何把一段html代碼動態(tài)寫入到DIV中(實例說明)
本篇文章是對在Jquery中把一段html代碼動態(tài)寫入到DIV中的實現方法進行了詳細的分析介紹，需要的朋友可以參考下2013-07-07
這篇文章主要介紹了jQuery取消特定的click事件實現方法,結合實例形式分析了jQuery簡單實現事件綁定及取消事件綁定的相關技巧,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了總結jQuery插件開發(fā)中的一些要點,包括命名空間與事件events等重點和難點部分的講解,要的朋友可以參考下2016-05-05
jQuery mobile在頁面加載時添加加載中效果 document.ready 和window.onload執(zhí)行順序
這篇文章主要介紹了jQuery mobile在頁面加載時添加加載中效果 document.ready 和window.onload執(zhí)行順序比較，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JQuery中的常用事件、對象屬性與使用方法,結合實例形式分析了jquery事件、對象屬性、方法相關使用技巧,需要的朋友可以參考下2019-12-12
jQuery插件FusionCharts繪制2D雙折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D雙折線圖效果,結合實例形式分析了jQuery使用FusionCharts結合xml數據載入實現2D雙折線圖繪制的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04
jquery插件，有幾種方法，有全局的，有對象方法的，一直覺得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學者借鑒下。嘻嘻2012-08-08