程式筆記本

簡單來說我是要透過固定格式的網址，運用span（display:none）放參數去組合出連結。
然後運用css的方式製作按鈕，html會很乾淨，連結透過jquery產生，css製作美觀按鈕。
 
html

aColumns 就是資料庫欄位，此欄位順序對應到前台html區丟來的資料順序，所以必須跟sSearch對應。
此篇沒有使用排序功能，所以排序就沒差了。若要排序功能，則是在前台傳遞參數加上iSortCol_N的資料。
可以設定一組驗證值，否則無法直接觀看。放在一開始的if條件即可。
 

ejajax就是觸發ajax的函數，所以上面無論是change、click、以及keyup都是用選擇符指定哪個物件透過什麼動作觸發ejajax的函式。
change用在下拉選單，而keyup或keydown就是在搜尋欄位每輸入一個字就觸發。
sSearch則是全欄位搜尋，其餘sSearch_1~ 5則是自訂多少欄位可以單獨搜尋。
而資料倒出則透過 $.each(aaData, function()  這函式進行組合。
最後決定輸出什麼資料就是在該區將json的資料篩出後組合出html。

利用jQuery的serialize來取得所有 input的type=’text’值
$("input[@type=text]").serialize(); <= 此為 1.3版本以前的寫法
$("input[type=text]").serialize(); <= 1.3版本後的寫法
用這組合網址拿去ajax用輕鬆很多，不用再一個個判斷，剩下的當空即可。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>  
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.2");
google.load("jqueryui", "1.5.2"); // 不用 jQuery UI 可以不用此行
</script>