常用jQuery Ajax寫法

這是我常用的ajax操作方式,get()去讀取某頁資料(當然你也用.POST方式..):

  $.get("func_page/service.aspx?func=1" ,function(rs) {
    $("#worksheet").html(show_WorkerBar(rs));
  });


我不用json的模式去讀取資料,而是自訂資料格式,簡化資料傳輸的量,實際上在func_page/service.aspx上看到的就只有這些純粹的資料。以下列為例我分別用@與|區分,這部分可以再SQL內用Procedure,或在service.aspx內去組成,看到的就是如下所示。

馬力歐^14^5^0^0^0^@張曉明 ^15^13^0^0^0^|1|0|2|0|2|1415-1525|195|200902120001|2|18995632|張|F^@張惠妹 ^9^3^0^0^0^@帶小華^8^0^0^0^0^@丹尼^10^4^0^0^0^@杰克^11^0^0^0^0^@瑪莉王 ^12^0^0^0^0^@王筱華^13^0^0^0^0^@

讀取上面的資料後在逐一解析並套上HTML標籤阻成你要的網頁。

function show_WorkerBar(rs) {
  var arr1 = rs.split("@");
  var ss = "";
  for (var i = 0; i < arr1.length - 1; i++) {
   var arr2 = arr1[i].split("^");

   if (arr2[0] != "") {
    ss += "<div class=\"emp\">";
    ss += "<div class=\"wkhead\" ";
    ss += "onclick=\"fn_EditWkSec('" + arr2[0] + "','" + arr2[1] + "')\">" + arr2[0];
    ss += "<br /><span class='wk00'>" + arr2[1] + "</span>";
    ss += "<span class='wk03'> " + arr2[4] + " </span>";
    ss += "/<span class='wk03'> " + arr2[2] + " </span>";
    ss += "</div>";
   
   }....
return ss; //最後的ss就是我們要的