ajax request in for loop

有時候我會希望發送出許多ajax的請求，然後希望他們回來可以自己更新自己~~~~像是這樣

for(var i=0;i<5;++i){
    var  obj_id ="div_"+i;
    $.get("url here","",function(data){
        $("#obj_id").append(data);
   });
}

不過後來發現，這樣根本無效，因為那個無名函式是個callback function，所以會等到ajax請求完成後才呼叫他，於是那個obj_id(通常) 都是   div_5(因為迴圈一下就跑完了)。  一直不知道怎麼解決這個問題 T_T (太弱了..orz)。

後來發現包在jquery的.each可以成功，也就是改寫如下：

var id_array = [1,2,3,4,5];
$.each(id_array,function(i,val){
    var  obj_id ="div_"+val;
    $.get("url here","",function(data){
        $("#obj_id").append(data);
    });
});

這樣就可以了，所以如果仿照這樣的精神，大概可以寫成下面這樣。 不過不知道是否有更好的作法？….

function ajax_call(i){
    var  obj_id ="div_"+val;
    $.get("url here","",function(data){
        $("#obj_id").append(data);
    });
}

var id_array=[1,2,3,4,5]
for(var i=0;i<di_array.length;++i){
    ajax_call(i);
}

初嘗ext 2.0

最近要幫學長做個網頁端的呈現介面。 於是決定試試看 ext 。 沒想到……真的非常複雜….

用過之後我是覺得 ext 2.0 適合整個網站的規模，像我這種一兩頁的就不是很適合。尤其在改樣式方面…挺吃力的阿@@

所以可能還是會回到jquery or GWT 吧…

專門針對”程式”撰寫的所見即所得編輯器

今天看到這套：Edit area。

特色跟一般的所見即所得編輯器不 一樣(ex:htmlarea,tinymce)， 他是專門針對程式內容而寫的。千言萬語抵不過圖片啦!!!

看起來實在很不賴

JavaScript Utility

JavaScript Utility 這網站還蠻不錯的，收集了六種工具：

* A JavaScript Tester –用來測試片段的程式碼
* A JavaScript Validator –用來檢查語法上的錯誤
* A JavaScript Formatter –美化語法
* A JavaScript Obfuscator –混碼器
* A JavaScript Compactor  –降低javascript 文件大小
* A JavaScript based compression  –壓縮

看起來還不錯。

JQuery and BlockUI II

繼上篇 JQuery and BlockUI之後，受到 jaceju 大人的精神感昭，決定追根究底一下。

以下的狀況只在fx出現，ie 7.0 不會、手上沒有ie6。

我發現如果你這樣寫：

$().ajaxStart(function(){
setTimeout($.blockUI,0);
});

會出錯，如下圖，那個數字不是每次都一樣的(自製樂透機 XD)。

但是如果你這樣寫：

$().ajaxStart(function(){
setTimeout(function(){$.blockUI();},0);
});

就會正常了，如下圖：

老實說，我知道有差異，可是不知道差異在哪？

也就是說：
$(document).ready(function(){alert(‘ok’)});

跟
function hello(){alert(‘ok’);}
$(document).ready(hello);

這樣有什麼不同嗎？

我執行起來都一樣阿….  奇怪，不過今天只能先到這，還得去做網站。剩下的明天繼續。