jquery 簡化ajax開發

 

 

1、加載Jquery.js庫文件

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

 

使用AJAX幾種情況

1、向服務器文件發送數據，服務器執行一些操作，不需要回顯或只顯示少許信息

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

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

更新等操作都屬於這種情況。

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

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

 

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

 

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

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

下面formid是表單的id

 

例二、

 

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

 

例三、需要顯示到某個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>