筆者在ECSHOP二次開發時,發現IE購物車結算時選擇紅包時AJAX回呼函數不執行,而FF卻是正常。最終雖然修改OK,但具體原因還是未知。請大寫一起討論討論。
原版的ecshop是沒有這一問題的,但筆者使用了JQuery,才出現這一問題,具體JQuery是如何引用的,參見筆者的另一篇博文:ecshop jquery衝突解決方案。
廢話不說,詳情如下:
原始ECSHOP紅包選擇時的JS代碼:shopping_flow.js
/* * * 改變紅包 */function changeBonus(val){/* if (selectedBonus == val)// modify by zjm { return; } else { selectedBonus = val; }*/ Ajax.call('flow.php?step=change_bonus', 'bonus=' + val, changeBonusResponse, 'GET', 'JSON');}/* * * 改變紅包的回呼函數 */function changeBonusResponse(obj){ if (obj.error) { alert(obj.error); try { document.getElementById('ECS_BONUS').value = '0'; } catch (ex) { } } else { orderSelectedResponse(obj.content); }}
AJAX調用代碼在changeBonus函數內,IE6中死活不執行回呼函數changeBonusResponse,調試時在Ajax.call函數前後加上alert代碼,alert代碼均正常顯示,說明JS代碼正常執行,如果有錯誤的話JS代碼會終止,或者說至少後一個alertr代碼不會執行。而FF一切正常。
若在changeBonusResponse函數內第一行加上alert代碼,IE也不執行。
以上兩個問題說明IE中回呼函數未執行,但JS也未報錯,筆者一直不明白原因。但解決問題還是有辦法的,就是不用ECSHOP自身的AJAX調用,改用JQuery的調用:
/* * * 改變紅包 */function changeBonus(val){/* if (selectedBonus == val)// modify by zjm { return; } else { selectedBonus = val; }*/ //Ajax.call('flow.php?step=change_bonus', 'bonus=' + val, changeBonusResponse, 'GET', 'JSON'); $.get('flow.php?step=change_bonus&bonus=' + val, changeBonusResponse);}/* * * 改變紅包的回呼函數 */function changeBonusResponse(obj){obj = eval('(' + obj + ')'); if (obj.error) { alert(obj.error); try { document.getElementById('ECS_BONUS').value = '0'; } catch (ex) { } } else { orderSelectedResponse(obj.content); }}
上述代碼很簡單,相信熟悉JQuery的朋友一定非常熟悉。但筆者一直不明白為什麼原來的代碼IE6會有問題,請大家踴躍賜教吧