原版的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會有問題,請大家踊躍賜教吧