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

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

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

代码解释:

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

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


<script src="/skin/default/js/jquery.js"></script>
<script>
$(function(){
    var form = $('form[name="login"]'); //这里根据你的当前页面的表单名称,改成相应的
    var url = form.attr('action');     //AJAX提交地址
    form .submit(function(){     //提交动作
         var data = form.serialize();     //表单数据
         $.post(url,data,function(html){
             alert(html) //弹出返回信息,用于调试
             var message = $('b',html).text(); //在返回页面中找到HTML代码为<b>的文本文字。
             //do something 这里可以写一些其他的用于体验的代码
             alert(message);                  //弹出提示信息
         });
         return false;
    })
})
</script>

你可能感兴趣的:(帝国CMS任意表单基于Jquery AJAX提交,提高用户体验解决方案)