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>