您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

帝国CMS表单如何使用ajax提交教程

谭满铿2023-05-22帝国CMS教程已有人查阅

导读自己做了个表单提交,但是form的转跳页面提示,想做成AJAX根据返回信息提示。ajax提交思路代码

自己做了个表单提交,但是form的转跳页面提示,想做成AJAX根据返回信息提示。
ajax提交思路代码

var data = $('#form').serialize(),
              url   = $('#form').attr('action');
        $.ajax({
            method:"POST",
            url:url,
            data:data,
        }).done(function(){
            alert("Thank you.");
            document.getElementById("form").reset();
        }).fail(function(){
            alert("Network went wrong, Please try again later.");
        });

我一直用这个好久了,缺点就是没有提示信息
当有字段没填时,帝国默认会出来个页面提示有字段未填,用这个不会有提示,并且代码认为提交成功了
真正提交成功不会有问题
完整示范如下:

$.post("/e/member/doaction.php",
{
username:username,
password:password,
lifetime:lifetime,
enews:"login", //login
tobind:"0"
},
function(data,status){
    if(data.indexOf("登录成功") >= 0){
        tishi('登陆成功,页面跳转中..请稍后',2);
    }else if(data.indexOf("您的用户名或密码有误") >= 0){
        tishi("您的用户名或密码有误");
    }else if(data.indexOf("审核") >= 0){
       tishi("您的帐号还未通过审核!");
    }else if(data.indexOf("为空") >= 0){
        tishi("用户名和密码不能为空");
    }else {
        tishi("登录不成功,请确认您的cookie是否已开启!");
    }
}
)

本文标签:

很赞哦! ()

相关源码

  • (自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板,采用响应式设计技术,适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
  • pbootcms模板PC+WAP娱乐新闻资讯类博客网站源码该模板基于PbootCMS内核开发,专为娱乐新闻、健康生活类资讯网站设计,同时支持快速适配其他行业(如企业官网、博客门户等),仅需替换图文内容即可完成转型。查看源码
  • 帝国cms7.5模板生活常识美食女性时尚综合资讯门户源码本模板为帝国cms7.5生活资讯类网站设计,以天奇生活网为参考原型,涵盖生活常识、美食烹饪、女性时尚等多元化内容板块。采用响应式布局设计,适配各种终端设备,为访客提供优质的阅读体验。模板结构清晰合理,内容展示层次分明,符合生活类网站的用户需求。查看源码
  • (PC+WAP)激光水幕音乐喷泉设备工程网站源码下载本模板基于PbootCMS系统开发,为喷泉设备工程类企业设计,特别适合展示音乐喷泉、激光水幕等水景艺术项目。采用响应式技术,确保各类工程案例在不同设备上都能呈现视觉效果。查看源码
  • (PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块,集成项目案例、环保工艺等建筑行业特色内容结构,测试数据包含LEED认证体系查看源码
  • (自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码
分享笔记 (共有 篇笔记)
验证码: