针对你这个问题 ,实现的方法可能很多。
静态页面需要稍作处理下:
!--在后台生成静态页面时,将你需要显示已订阅/未订阅的产品的id输出到li元素中的属性relid--div id=bookItems ul li relid=1span id=bookStatus1/span/li li relid=2span id=bookStatus2/span/li /ul/div
JQuery部分:
------------------------------------------------------------
script language=javascript$(document).ready(function(){ /* 实现思路:页面加载时扫描id为bookItems下的所有li元素,读取li元素的relid属性值,然后ajax后台页面, 返回结果并更新状态显示文字 */ $(#bookItems).find(li).each(function(i){ var $this =$(this); //获取当前需要判断的产品的ID var relid =parseInt($this.attr(relid)); $.ajax({ url:'用于判断是否订阅某个产品的服务器处理页面', type:'POST', data:{'product_id':relid}, cache:false, success:function(data){ if(data==1){//如果服务器页面判断已订阅,则更新LI元素下的Span的状态文字 $(#bookStatus+relid).text('已订阅'); }else{ $(#bookStatus+relid).text('未订阅'); } } }); });});/script
取消
评论