欢迎光临精准像素,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

帝国cms教程

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

帝国cms教程 精准像素 2019-07-25 共147人阅读

自己做了个表单提交,但是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是否已开启!");
    }
}
)
标签 AJAX
相关推荐
  • AJAX
  • 帝国CMS表单如何使用ajax提交?

    自己做了个表单提交,但是form的转跳页面提示,想做成ajax根据返回信息提示。ajax提交思路代码var data = $('#form').serialize(), url = $('#form').attr('action'); $.ajax({ method:"POST...

    帝国cms教程 147 2年前
  • wordpress Ajax无限加载插件-Quick Ajax2.3.1[英文版]
    wordpress Ajax无限加载插件-Quick Ajax2.3.1[英文版]

    Quick Ajax插件说明使用此插件,你可以在你的主题里实现无限加载文章来代替传统的分页模式。提供多种列表模式:瀑布流、传统文章模式、时间轴等。wordpress加载主要功能外观设置选择布局:经典(列表)或...

    wordpress插件 423 2年前
  • wordpress实现文章的ajax无限加载

    刚学习wordpress 写一个网站的文章的无限加载,本来想的好难啊,但是真的自己写了之后感觉真的挺简单的,所以啊一定要做一下小小的总结:首先你要确定你的wordpress的jQuery功能能用你可以在header.php里wp_head();前面加上wp_enqueue_script('jquery&#...

    wordpress教程 155 2年前
  • dedecms ajax下拉搜索插件
    dedecms ajax下拉搜索插件

    织梦CMS下拉搜索插件效果图织梦CMS下拉搜索插件安装步骤1、打开你的网站首页模板,在</head>之前加入<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin...

    织梦cms插件 532 2年前
  • 帝国CMS二级联动插件(ajax下拉列表)
    帝国CMS二级联动插件(ajax下拉列表)

    帝国CMS二级联动插件(ajax下拉列表)效果: 使用方法: 将下拉外表关联字段的输入表单替换html代码和投稿表单替换为 <script src="/j...

    帝国cms插件 2144 7年前