jquery 簡化ajax開發

 一、加載Jquery.js庫文件

<script type="text/javascript" src="jquery.js"></script>

 

使用AJAX幾種狀況

一、向服務器文件發送數據，服務器執行一些操做，不須要回顯或只顯示少量信息

例如：點擊刪除，服務器進行一條數據的刪除，只須要向用戶返回刪除成功或不成功

或者用戶註冊的時候，點擊註冊後向用戶提示註冊成功，實際上服務器只是進行了一條數據庫記錄的添加。也就是說增長、刪除

更新等操做都屬於這種狀況。

二、向服務器發送數據，服務器執行了腳本後生成了頁面，須要將生成的內容顯 示到當前頁面中

例如：但願在頁面的某個部位動態加載一些內容

 

例1、向服務器文件發送數據 鍵是name值是luyu 成功時彈出ok

 

<script type="text/javascript">
function send(url)
{
    $.post( url, {name:luyu} ,  function(){alert("ok");} );
}
</script>

但是當要發送表單裏有大量數據時怎麼辦呢請看例二

下面formid是表單的id

 

例2、

 

<script type="text/javascript">
function send(url)
{
    $.post( url, $('#formid').serialize() ,  function(){alert("ok");} );
}
</script>

 

例3、須要顯示到某個div中,下面div表明div的id

 

function send(url)
{
    $.('#div').load( url, $('#formid').serialize() );
}
</script>

那麼如何調用上面三個函數呢

只須要在a標籤的href里加javascript:，onclick事件中添加要調用的函數名便可

<a href="javascript:" onclick="send(xxxx.php)" >發送</a>