ʱ¼ä£º2016.08.22 ·¢²¼ÈË£ºupitoy
Òѽâ¾öÎÊÌâ
¹È¸èupitoyÓû§ÔÚ2016.08.22Ìá½»Á˹ØÓÚ¡°
СÃ×ÊÖ»úAjax»ñÈ¡**È»ºóÏÔʾÔÚÒ³ÃæµÄʵÏÖ·½·¨¡±µÄÌáÎÊ£¬»¶Ó´ó¼ÒÓ¿Ô¾·¢±í×Ô¼ºµÄ¹Ûµã¡£Ä¿Ç°¹²ÓÐ1¸ö»Ø´ð£¬×îºó¸üÐÂÓÚ2025-02-25T11:09:29¡£Ï£Íû´ó¼ÒÄܹ»°ïÖúËý¡£
ÏêϸÎÊÌâÃèÊö¼°ÒÉÎÊ£ºÆÚ´ýÄúµÄ´ð°¸£¬Ã»ÓÐʲô»ªÀöµÄÓïÑÔ,µ«ÊÇÎÒ¶ÔÄãµÄ¸Ðл²»»á¼õÉÙ
£¡
Ï£ÍûÒÔϵĻشð£¬Äܹ»°ïÖúÄã¡£
µÚ1¸ö»Ø´ð
Óû§Ãû£ºÎÊ´ðdomereso
Ö÷Òª¹¦ÄÜÁ÷³Ì½éÉÜ
Ñ»·»ñÈ¡Áбí**
µã»÷ÁÐÊ¿±í**½øÈëÏêÇéÒ³
µã»÷±¨Ãû²Î¼ÓÏóȨ¾Ý½Ï³ö±¨Ãû³É¹¦Ìáʾ¿ò
µã»÷Ìáʾ¿òÖеÄÈ·¶¨°´Å¥£¬Ìø»ØÁбíÒ³´úÂëʵÏÖÁ÷³ÌºÍ½â˵һËÉ´¥¼þ´åÅúÊöÉýÎåÑõ¡¢ÁбíÒ³1¡¢·ÃÎÊÁ´½Ólist.phpʱÅжÏÊÇpc¶Ë»¹Êǿͻ§¶Ë
$user_agenÒÑÈÈt_arr=mal¹»¼ÁÁô»¤»µ¹ÙÊé½×¿Ì¶¯Ë³l_get_user_agent_arr();if(MALL_UA_IS_PC==1)¶À¶ÎṈ̃³ºÎ¹Ì{//*******Ô½ÑÎÑÛ¼ÈÈ»»¹Ó뾡Ӣ´Ó¾Ö***********pc°æ******************ËÕµã¼¸ÄØÇúinclude_once'./list-pc.php';}else{//******************wap°æ******************include_once'./list-wap.php';}2¡¢Èç¹ûÊÇwap°æ¾ÍÌø×ªµ½list-wap.phpÒ³Ãæ£¬ÔØÈëlist.tpl.htmÒ³Ãæ$pcÈùʾùÊÔ¸èÈõÔ¼ÂÖº¢Ïë¼Ò_wap='wap/';$tpl=$my_app_pai->getView(TASK_TEMPLATES_ROOT.$pc_waij¾ø´ó¶½Ëظ¸ÈôÊØp.'trade/list.tpl.htm');3¡¢list.tpl.htmÒ³Ãæ½øÐÐäÖȾģ°å
h**TML<divclass="page-view"da±³¿à¾õÀ͸ϵ¥ta-role="pageÊÔ¸½ÄïËÀ¸»±ÈÎü¾ÛÌøÏó-container"><dÒ¸ĿÆÈÝ»**éÒÔ²é²ßivclass="sales-list-page"><divid="rendeÓ¡°¢´ÙÖÝ·¢r-ele"></div></div></div>JS
$(function()//äÖȾģ¿é{//ÇëÇóphpµÄurlvarTRADE_AÃŹ¦JAX_URL=window.$__ajax_domain+'get_trade_list.php'µÍ¾ßÀî³¯ÍÆ»»½ôÇé×ù¿ó;//»ñÈ¡ÒѾ·â×°ÔÚlist.jsÀïÃæµÄÒ»¸ö¶ÔÏólist_item_classvarlist_item_ÅÜÒòÏÞÇҵ¹âclass=require('../../../../mo**l»ùÎÞ¼ÈÄØÑõ±àes/list/list.js');//»ñȡģ°å¿évartemplate=__inline('./list-item.tmpl');varlist_obj=newlist_item_class({ele:$("#render-ele"),//äÖȾ**µ½idΪrender-eleÖÐurl:TRADE_AJAX_URL,//ÇëÇó**Á¬½Ótemplate:template//äÖȾµÄÄ£°å});});list-item.tmplÄ£°åÄÚÈÝ£¨Ñ»·µÄÁбíÄÚÈÝ£©
<divclass="item-wrap">{{#eachlist}}{{#ifis_enroll}}<ahref="./detail.php?topic_id={{id}}&state=is_enter">{{else}}<ahref="./detail.php?topic_id={{id}}&state=no_enter">{{/if}}<divclass="itemui-border-b"><divclass="img-item"><iclass="img"style="background-image:url(/q/1471978871724153/{{img}});"></i></div><divclass="text-item"><divclass="txt-con-1"><h3class="titlef14">{}</h3><pclass="txtf10color-999">ËùÊôÆ·Àࣺ{{type}}</p></div><divclass="txt-con-2"><spanclass="color-333join-in">{{enroll_text}}</span></div></div></div></a>{{/each}}</div>4¡¢list.js½øÐÐ**´¦Àí£¬½öÊǶÔÏóµÄ²¿·Ö·½·¨£¬¾ßÌåµÄ·½·¨Çë×ÔÐÐд¡£
_self.ajax_obj=utility.ajax_request({url:self.send_url,data:self.ajax_params,beforeSend:function(){self._sending=true;_self.$loading=$.loading({content:'¼ÓÔØÖÐ'});},success:function(data){self._sending=false;//»ñÈ¡**varlist_data=data.result_data.list;console.log(data);//äÖȾǰ´¦Àíʼþself.$el.trigger('list_render:before',[self.$list_container,data]);_self.$loading.loading("hide");//ÊÇ·ñÓзÖÒ³self.has_next_page=data.result_data.has_next_page;//ÎÞ**´¦Àíif(!list_data.length&&page==1){abnormal.render(self.$render_ele[0],{});self.$load_more.addClass('fn-hide');return;}else{self.$load_more.removeClass('fn-hide');}//°Ñ**·ÅÈëÄ£°åvarhtml_str=self.template({list:list_data});//²åÈëäÖȾÁбíself.$list_container.append(html_str);//äÖȾºó´¦Àíʼþself.$el.trigger('list_render:after',[self.$list_container,data,$(html_str)]);self.setup_event();},error:function(){self._sending=false;_self.$loading.loading("hide");$.tips({content:'ÍøÂçÒì³£',stayTime:3000,type:'warn'});}})5¡¢get_trade_list.php½ÓÊÕµ½Ç°¶ËÒ³Ãæ·¢¹ýÀ´µÄÇëÇó£¬È»ºó½øÐÐ**ÊÕ¼¯´¦Àí×îÖÕ·µ»Ø**¸øÇ°Ì¨Ò³Ãæ
//½ÓÊÕ²ÎÊý$page=intval($_INPUT['page']);if(empty($page)){$page=1;}//·ÖҳʹÓõÄpage_count$page_count=5;if($page>1){$limit_start=($page-1)*($page_count-1);}else{$limit_start=($page-1)*$page_count;}$limit="{$limit_start},{$page_count}";//ÇëÇó**¿âµÄ½è¿Ú$sales_list_obj=POCO::singleton('pai_topic_class');$ret=$sales_list_obj->get_task_list(false,'','idDESC',$limit);//Êä³öǰ½øÐйýÂË×îºóÒ»¸ö**£¬ÓÃÓÚÕæÊµÊä³ö$rel_page_count=4;$has_next_page=(count($ret)>$rel_page_count);if($has_next_page){array_pop($ret);}$output_arr['page']=$page;$output_arr['has_next_page']=$has_next_page;$output_arr['list']=$ret;//Êä³ö**mall_mobile_output($output_arr,false);6¡¢Ç°¶ËÒ³Ãæ½ÓÊÕµ½get_trade_list.php·µ»ØµÄ**£¬´Ó¶ø½øÐÐÅжϽ«**¿âµÄÄÚÈÝÏÔʾÔÚÇ°Ì¨Ò³ÃæÖС£Ä£°åÊä³ö
$tpl->output();ÏêÇéÒ³
1¡¢µã»÷ÁбíÒ³½øÈëÏêÇéÒ³£¨detail.php£©
detail.phpÒ³Ãæ½ÓÊÕÁÐ±í´«¹ýÀ´µÄ**
//½ÓÊÕlist´«¹ýÀ´µÄ²ÎÊý$topic_id=intval($_INPUT['topic_id']);$state=$_INPUT['state'];if(empty($topic_id)){header("location:".'./list.php');}//**¿â½è¿Ú$trade_detail_obj=POCO::singleton('pai_topic_class');$ret=$trade_detail_obj->get_task_detail($topic_id,$yue_login_id);2¡¢ÅжÏÊÇpc¶Ë»¹Êǿͻ§¶Ë£¨ÀàËÆÁбíÒ³£©
3¡¢Ìø×ªµ½detail-wap.php¼ÓÔØÄ£°ådetail.tpl.htmͬʲ´ø²ÎÊý¹ýÈ¥
$pc_wap='wap/';$tpl=$my_app_pai->getView(TASK_TEMPLATES_ROOT.$pc_wap.'trade/detail.tpl.htm');//Ä£°å¸½´øÒÔÏÂÈý¸ö²ÎÊýµ½detail.tpl.htmÖÐ$tpl->assign('ret',$ret);$tpl->assign('topic_id',$topic_id);$tpl->assign('state',$state);4¡¢Ò³ÃæÒýÓöÔÏóretÖеÄ×Ö¶Î
<divclass="sales-detail-page"><divclass="item-wrap"><divclass="item-1item"><divclass="img-item"><iclass="img"><imgsrc="{ret.img}"/></i></div><divclass="txt-item"><h3class="titlef16color-333fb">{ret.title}</h3><pclass="sign-in-txtcolor-666">{ret.enroll_text}</p></div></div><divclass="item-3item"><divclass="txt-item"><h3class="titlef14color-333fb">ÉúÒâ»ú»áÏêÇé</h3><divclass="txt-conf14color-666"><pclass="txt">{ret.content}</p></div></div></div></div><divclass="sign-name-item"><!--IFstate="is_enter"--><buttonclass="ui-button-submithad-joined"><spanclass="ui-button-content">ÒѲμÓ</span></button><!--EL**--><buttonclass="ui-button-submit"id="submit"><spanclass="ui-button-content">±¨Ãû²Î¼Ó</span></button><!--ENDIF--></div></div>5¡¢µã»÷±¨Ãû²Î¼Ó°´Å¥½øÐÐ**´¦Àí
var_self={};$btn.on('click',function(){vardata={topic_id:{ret.id}}utility.ajax_request({url:window.$__ajax_domain+'add_task_enroll_trade.php',data:data,type:'POST',cache:false,beforeSend:function(){_self.$loading=$.loading({content:'·¢ËÍÖÐ..'});},success:function(data){_self.$loading.loading("hide");//ÇëÇó³É¹¦ºóÏÔʾ³É¹¦±¨ÃûÌáʾ¿ò£¬µã»÷±¨ÃûÌáʾ¿òÈ·¶¨°´Å¥Ìø»ØÁбíÒ³Ãæif(data.result_data.result==1){vardialog=utility.dialog({"title":'',"content":'Ìá½»³É¹¦£¬µã»÷È·¶¨·µ»Ø',"buttons":["È·¶¨"]});dialog.on('confirm',function(event,args){window.location.href=document.referrer;});return;}},error:function(){_self.$loading.loading("hide");$.tips({content:'ÍøÂçÒì³£',stayTime:3000,type:'warn'});}});});ÒÔÉÏÕâÆªAjax»ñÈ¡**È»ºóÏÔʾÔÚÒ³ÃæµÄʵÏÖ·½·¨¾ÍÊÇС±à·ÖÏí¸ø´ó¼ÒµÄÈ«²¿ÄÚÈÝÁË£¬Ï£ÍûÄܸø´ó¼ÒÒ»¸ö²Î¿¼£¬Ò²Ï£Íû´ó¼Ò¶à¶àÖ§³Ö½Å±¾Ö®¼Ò¡£