码迷,mamicode.com
首页 > Web开发 > 详细

ajax 提交表单的方法2

时间:2017-09-05 16:00:18      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:ajax   编码   www   cti   sub   pos   com   post   页面   

网上学习查找链接:

帝国CMS任意表单基于Jquery AJAX提交,提高用户体验,http://www.j007.com/bangzhu/yingyongjiqiao/15.html

这个我就不写form的html代码了,

直接怼js代码吧:

首先记得引入jquery

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        $(function(){
            var form = $(‘form[name="form的name属性值"]‘); //这里根据你的当前页面的表单名称,改成相应的
            var url = ‘这个是提交的地址‘;                   //AJAX提交地址
            form .submit(function(){                     //提交动作
                var data = form.serialize();             //表单数据(序列化表单值,创建 URL 编码文本字符串)
                $.post(url,data,function(html){          //jquery的post方法
                    var message = $(‘b‘,html).text();    //在返回页面中找到HTML代码为<b>的文本文字。
                    alert(message);                      //弹出提示信息
                    $("input").val("");                  //清空表单元素
                });
                return false;
            })
        })

 

ajax 提交表单的方法2

标签:ajax   编码   www   cti   sub   pos   com   post   页面   

原文地址:http://www.cnblogs.com/thongyan/p/7478479.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!