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

最新推荐文章于 2024-03-28 20:55:02 发布

weixin_34416649

最新推荐文章于 2024-03-28 20:55:02 发布

阅读量338

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/243710/blog/169987

版权

2019独角兽企业重金招聘Python工程师标准>>>

相信大家在做站的时候，很多时候，都感觉普通的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>

转载于:https://my.oschina.net/u/243710/blog/169987