帝国CMS任意表单基于Jquery AJAX提交,提高用户体验

发布者：来源：浏览次数：发布时间：2014-03-10 17:35:33

相信大家在做站的时候，很多时候，都感觉普通的submit提交满足不了客户的需求。本代码一般用于帝国的“信息反馈”，留言，评论，投稿等提交。并且保证和普通的submit提交的返回信息一致。

本代码不支持表单中带附件，图片。否则的话，是提交不了附件或图片的。

代码解释：

1.首先引入jquery。自行下载。

2.将以下代码复制到需要提交的页面中去，主要改引用jquery的路径

    
            01
            <script src="/skin/default/js/jquery.js"></script>

    
            02
            <script>

    
            03
            $(function(){

    
            04
                var form = $('form[name="login"]'); //这里根据你的当前页面的表单名称，改成相应的

    
            05
                var url = form.attr('action');     //AJAX提交地址

    
            06
                form .submit(function(){     //提交动作

    
            07
                     var data = form.serialize();     //表单数据

    
            08
                     $.post(url,data,function(html){

    
            09
                         alert(html) //弹出返回信息，用于调试

    
            10
                         var message = $('b',html).text(); //在返回页面中找到HTML代码为<b>的文本文字。

    
            11
                         //do something 这里可以写一些其他的用于体验的代码

    
            12
                         alert(message);                  //弹出提示信息

    
            13
                     });

    
            14
                     return false;

    
            15
                })

    
            16
            })

    
            17
            </script>

首页