Ajax获取数据然后显示在页面的实现要领(2)

//吸收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中的字段

<div> <div> <div> <div> <i > <img src="https://www.jb51.net/{ret.img}"/> </i> </div> <div> <h3>{ret.title}</h3> <p> {ret.enroll_text} </p> </div> </div> <div> <div> <h3>生意时机详情</h3> <div> <p>{ret.content}</p> </div> </div> </div> </div> <div> <!-- IF state = "is_enter" --> <button> <span>已介入</span> </button> <!-- ELSE --> <button> <span>报名介入</span> </button> <!-- ENDIF --> </div> </div>

5、点击报名介入按钮举办数据处理惩罚

var _self = {}; $btn.on('click', function() { var data = { 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) { var dialog = 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获取数据然后显示在页面的实现要领就是小编分享给各人的全部内容了,但愿能给各人一个参考,也但愿各人多多支持剧本之家。

您大概感乐趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsdjpd.html