需要快速收录的请联系QQ:2303230985点击这里给我发消息
当前位置:搜123网站分类目录 » 站长资讯 » 网站运营 » 文章详细 订阅RssFeed

dedecms教程:织梦自定义表单通过ajax提交的实现方法

来源:互联网 浏览:1568次 时间:2019-09-25
自定义表单通过ajax判断,提交不用跳转页面,提高用户体验。具体方法如下:
html表单代码部分,就提交按钮改成botton,,添加onclick事件

表单代码:

<form action="javascript:;" enctype="multipart/form-data" method="post">
            <input type="hidden" name="action" value="post" />
            <input type="hidden" name="diyid" value="1" />
            <input type="hidden" name="do" value="2" />
 
            <label>姓名:<input type="text" id="name" name="name" value="" /></label>
            <label>电话:<input type="text" id="tel" name="tel" value="" /></label>
            <label>手机:<input type="text" id="iphone" name="iphone" value="" /></label>
            <label>邮箱:<input type="text" id="email" name="email" value="" /></label>
            <table>
              <tr>
                <td valign="top">留言:</td>
                <td><textarea id="liuyan" name="liuyan"></textarea></td>
              </tr>
            </table>
            <input type="hidden" name="dede_fields" value="name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext" />
    <input type="button" class="submit fr" value="提 交" οnclick="add_ajaxmessage()"/>
</form>


js代码(这个代码之前一定要引入jQuery库):


function add_ajaxmessage(){
    
    var name=document.getElementById("name");
    var tel    =document.getElementById("tel");
    var iphone=document.getElementById("iphone");
    var email=document.getElementById("email");
    var liuyan=document.getElementById("liuyan");
    
    //定义变量接收上面表单每项的值和几个dede隐藏的input的值
    var dataString = 'name='+ name.value + '&tel=' + tel.value + '&iphone=' + iphone.value + '&email=' + email.value + '&liuyan='+ liuyan.value +'&action=post'+ '&diyid=1&do=2&dede_fields=name,textchar;tel,textchar;iphone,textchar;email,textchar;liuyan,multitext';
    $.ajax({
        type: "POST",
        url: "/plus/diy.php", //提交到后台文件
        data: dataString, //传值
        success: function(data) {
 
            alert(data);//成功打印PHP返回的值
        
        }
    });
    return false;
 
}


php代码:


找到:if(!empty($dede_fields))
{
    //在里面加入判断语句,不判断也可以


    if($name==""){    
        echo "请填写您的姓名!";//注意:输出用echo输出,不要用showMsg();
        exit();
    }
}


找到:$goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';
      $bkmsg = '发布成功,请等待管理员处理...';
这两句,改成:echo "提交成功!";


删掉下面这一句:showmsg($bkmsg, $goto);


最新点入

  • 全球網址提交網全球網址提交網

    全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。

    www.urlglobalsubmit.com
  • 国际电子商务网国际电子商务网

    欢迎访问国际电子商务网,这里有各行业信息网/B2B电子商务网站,是最方便的免费网络推广平台,已成为无数商家网络营销/网络推广的首选网站!

    www.intbtb.com
  • 超级网站目录超级网站目录

    超级网站目录全人工编辑的专业分类目录网站,收录各行业优秀网站,旨在为用户提供网站分类目录检索,优秀网站参考,网站推广服务,网站页面査询,网站提交等服务!是站长喜爱的网站分类目录网站,专业的开放分类目录!

    www.superdirectorycn.com
  • 山东欣烨化工山东欣烨化工

    山东欣烨化工是一家集科研,生产,销售医药中间体,农药中间体,橡塑助剂,阻燃剂,酚醛树脂于一体的综合性化工企业。。采用轻资产的发展路线,采用参股、租赁工厂,或者代加工的发展模式。 在东营广饶丁庄镇、淄博淄川罗村镇、淄博齐鲁化工园纬六路、潍坊市滨海经济开发区临港路工业园建有生产工厂,德州市禹城化工园。 公司技术力量雄厚,拥有完善的产品检测手段和质量保证体系,密切关注着国内外科研和生产动态,并与山东大学化工学院合作,不断开发和研发新产品,以满足客户的不同需求。

    www.sdxinyechem.cn
  • 济南欣烨生物济南欣烨生物

    现公司主导产品有:生物制药系列,医药中间体,化学溶剂系列,阻燃剂系列,化学试剂系列,颜料燃料系列,橡胶塑料系列,酚醛树脂等系列产品。

    www.sdkaikai.cn

推荐站点

  • 中国天气网中国天气网

    中国天气网官方权威发布天气预报,逐三小时天气预报,提供天气预报查询一周,天气预报15天查询,空气质量,生活指数,旅游出行,交通天气等查询服务

    www.weather.com.cn
  • 520设计网520设计网

    520设计-中国网页平面设计师交流平台,专为酷爱网页设计、界面设计的你而倾力打造。拥有设计视频教程、网页模板、设计素材、CSS3+HTML5、网页平面设计视频教程、设计师网址导航等相关内容,它将成为你设计路上的一位好伙伴!

    www.sj520.cn
  • 天极网天极网

    天极网,全球最大的中文IT门户,专注IT产品采购及应用指南,每天为广大用户提供电脑硬件,软件,数码,商情,手机,笔记本,游戏,互联网,数字家庭,教育,下载等内容,解决网友工作学习中的技术疑难,指导数字科技消费,领引时尚生活潮流.

    www.yesky.com
  • 华军软件园华军软件园

    华军软件园提供国内外最新的免费软件、共享软件下载及发布的软件下载站,包含系统软件、网络工具、杀毒安全、图形图像、媒体工具、管理软件、桌面工具、教育教学、游戏娱乐、硬件相关等软件下载,另外涉及软件行业资讯、软件使用技巧、相关软件评测、软件使用教程等相关软件行业的综合软件网站!

    www.onlinedown.net
  • ZOL下载ZOL下载

    软件下载频道(消费类软件门户媒体)提供网络软件、杀毒软件、聊天工具、系统工具、媒体播放、输入法、QQ工具、手机主题和驱动等丰富的绿色软件下载,互联网软件资源共享的宝藏!-中关村在线软件频道!

    xiazai.zol.com.cn