加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

uchome2.0的ajax技能流程研究心得

发布时间:2021-03-30 08:51:33 所属栏目:教程 来源:网络整理
导读:媒介: 基于uchomer的插件假如没有行使ajax或flex,可以说无论怎样也做不到美满的。而对比于flex,ajax行使的较多。许多几何插件开拓者在研究 uchome的ajax的行使进程中耗费了不少时刻,此文意在镌汰插件开拓者的研究时刻。flex相干插件的声名,敬请存眷!此文整
副问题[/!--empirenews.page--]

媒介:基于uchomer的插件假如没有行使ajax或flex,可以说无论怎样也做不到美满的。而对比于flex,ajax行使的较多。许多几何插件开拓者在研究 uchome的ajax的行使进程中耗费了不少时刻,此文意在镌汰插件开拓者的研究时刻。flex相干插件的声名,敬请存眷!此文清算花了本同窗4个小时以上的时刻,假如版主认为对各人有辅佐,请加精!很是感激:)

我们举日记回覆为例:一、局部革新的部门(先看看征象)图一:

uchome2.0的ajax技能流程研究心得

留意,用innerHTML来展示的尚有右上角的赤色loading…,不外由于呈现的时刻太短,不利便截图,并且各人也很轻易领略,在此不多表明。

二、好了,看完征象之后,我们要从代码来研究执行进程了1、模板文件template/default/space_blog_view.htm评述表单代码里的

<div class="cnblogs_code">

onclick=”ajaxpost(’quickcommentform_{$id}’,?‘comment_add’)”?/>

??? 点击“评述”的时辰要挪用的java script函数ajaxpost(),ajaxpost函数在那边呢?在

2、source/script_ajax.js的267行

  1. ”);?12?else?{??=?document.createElement(”iframe”);??=?ajaxframeid;??=?ajaxframeid;???=?‘none’;????21?发生异步的十字路口?22?=?ajaxframeid;??1′;??25?=?[formid,?timeout];??27?if(ajaxframe.attachEvent)?{????else?{??true);??false);????false;??
  2. 代码解读:在这里,此函数只接到两个参数表单名quickcommentform_{$id}和函数名comment_adda、showloading();表现上面说的“右上角的赤色loading…”;b、ajaxframe.style.display = ‘none’;$(’append_parent’).appendChild(ajaxframe);建设一个名字ajaxframe的iframe标签之后让它潜匿起来以停止跟观众晤面(一会我们会相识到,此iframe为冷静无闻的幕后黑手),让ajaxframe作append_parent节点,有些同窗也许一向抑郁为何header.htm总有一个空层,在这里我们终于知道它是为儿子ajaxframe而存在的。c、$(formid).target = ajaxframeid;$(formid).action = $(formid).action + ‘&inajax=1′;这个很要害哦。配置表单的target属性为潜匿的ajaxframe可以说是此流程的焦点。它使表单提交之后,页面不滚动。接着是修改表单的action属性值,在后头加个参数inajax,让处理赏罚表单的action知道这个是行使ajax技能的,要非凡照顾。配置target和action为差异值,可以说是行使表单发生异步的要害点。d、ajaxpostHandle = [formid,func,timeout];配置句柄,为下面挪用ajaxpost_load函数筹备两个参数formid和func;e、ajaxframe.detachEvent (’onload’,ajaxpost_load);ajaxframe.attachEvent(’onload’,ajaxpost_load);为潜匿的ajaxframe配置监听,此两行是用于ie体系的赏识器,else下面的那两行是用于其他的赏识器。f、好了,以上事变都做好,然后怎么办?提交表单呗–$(formid).submit()。我们看看表单的action代码:3、模板文件template/default/space_blog_view.htm评述表单代码里的:

    <div class="cnblogs_code">

    现实上action的值已经被修改为cp.php?ac=comment&inajax=1了,重申,此表单的target的值已为ajaxframe,用于监听。4、action开始处理赏罚了,措施代码为cp_comment.php。下面拿几个重要的函数来说说。a.??????? //入库$cid = inserttable(’comment’,$setarr,1);第335行。顾名思义,把数据生涯到数据库里啦;b、??????????????????????? //提醒语//$msg = ‘do_success’;$msg = ‘搞好了’;第373行。还记得适才的“搞好了”三个字从那边来吗?就在这里界说的。c、每468行。showmessage($msg,$_POST['refer'],$magvalues);把功效“搞好了” echo出来。详细看看showmessage函数的代码:5、source/function_common.php第221行

    <div class="cnblogs_code" onclick="cnblogs_code_show('719f1c18-eb1f-4d4f-b174-f4750bdc5854')">
    <img class="code_img_closed" id="code_img_closed_719f1c18-eb1f-4d4f-b174-f4750bdc5854" style="display: none" src="https://www.52php.cn/res/2019/02-07/12/1c53668bcee393edac0d7b3b3daff1ae.gif" alt=""><img class="code_img_opened" id="code_img_opened_719f1c18-eb1f-4d4f-b174-f4750bdc5854" onclick="cnblogs_code_hide('719f1c18-eb1f-4d4f-b174-f4750bdc5854',event)" src="https://www.52php.cn/res/2019/02-07/12/405b18b4b6584ae338e0f6ecaf736533.gif"&gt;<span class="cnblogs_code_collapse">代码
    <div id="cnblogs_code_open_719f1c18-eb1f-4d4f-b174-f4750bdc5854">

    ?对话框?2??3?array())?{??5?$_SN;??7??8??9??11?12?13?去掉告白14?15?array();?17?18?19?说话20?21?.php’);?23?$msgkey]))?{?25?$values);?27?else?{?29?$msgkey;?31??33?手机34?35?'])?{?37?include?template(’showmessage’);?39?exit();?41??43?表现44?45?$second))?{?47?301?Moved?Permanently”);?49?$url_forward”);?51?else?{?53?'])?{?55?$url_forward)?{?57?<>”;?59??61?$message?=?“

    ”.$_SGLOBAL['msglang']['box_title'].”

    X$message”;62?63?$message;?65?输入message内容以备获取66?67?else?{?69?$url_forward)?{?71?<>”;?73??75?include?template(’showmessage’);?77??79??81?exit();?83??

    (编辑:湖南网)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读