最近的工作中,经常碰到这样的局面,用ajax请求数据库,将请求下来到数据格式化成html代码,显示在页面上,然后后面的操作又需要动态的去获取和修改这段生成的html代码,因为使用了ajax,而且ajax中的js代码也是使用了回调等操作,所以这段html何时生成完成,就无法控制了,所以后续的操作经常发生在这之前,结果可想而知,起初想了几个方案,
1.修改回调,将这部分操作业务放进回调中完成,但是这有悖于代码封装和业务分离原则,毙掉;
2.检测元素是否存在,然后无限循环进行检查,直到存在再进行后续操作,理论上行得通,但是经常把浏览器搞死,而且其他操作被阻塞,毙之;
3.等待,后续操作函数等待一个时间后执行,这个方案可行,关键是等待时间的长度如何把握,短了不起作用,长了体验不好,纠结;
4.折中方案,将2和3结合起来,先检测元素,不存在则等待50毫秒(这个时间还可以短,这等待的意义在于让其他线程运行),然后继续后继操作
selectSeller : function(){ var value_s = $("#sellerId_s").val(); if(value_s){ if($("#sellerSel option").length){ changeOption(value_s); }else{ setTimeout(function(){ changeOption(value_s); },100); } } /** * 根据指定的值修改select的选中项 */ var changeOption = function(value){ $("#sellerSel option").each(function(){ if($(this).val() == value){ $(this).attr("selected", true); } }); } }