jquery $.post 序列化表单ajax提交

简介: jquery $.post 序列化表单ajax提交

html:            

           <form  name="formadd" action="">

            First name: <input type="text" name="FirstName" value="Bill" /><br />

            Last name: <input type="text" name="LastName" value="Gates" /><br />

            <input  type="button" value="保存" class="tianjia"/>

           </form>

          jquery:

         <script>

         $(function (){

         $(".tianjia").click(function (){            

            $.post("daili.php?act=postaddactivewl",$('[name=formadd]').serialize(),function (data){

            alert(data);

       },"text");

       });

       });

       </script>    

            php服务端:

       print_r($_POST['FirstName']);


相关文章
|
7月前
|
前端开发 JavaScript
AJax(XHR+Get和Post+AJax的封装)
AJax(XHR+Get和Post+AJax的封装)
212 15
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
596 1
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
132 1
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
98 6
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
109 0
N..
|
XML JSON 前端开发
jQuery实现Ajax
jQuery实现Ajax
N..
172 1
|
XML 前端开发 JavaScript
jQuery中ajax如何使用
jQuery中ajax如何使用
233 0
|
前端开发 JavaScript
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]
178 0
杨校老师课堂之基于Servlet整合JQuery中的Ajax进行表单提交[基于IDEA]