ajax 提交表单的方法2
Posted 秦雨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax 提交表单的方法2相关的知识,希望对你有一定的参考价值。
网上学习查找链接:
帝国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的主要内容,如果未能解决你的问题,请参考以下文章