jQuery ajax()使用serialize()提交form数据

转载 2016年11月10日 13:24:33

jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:

<form action="">
<span style="white-space:pre">	</span>First name: <input type="text" name="FirstName" value="Bill" /><br />
<span style="white-space:pre">	</span>Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
$(document).ready(function(){
    console.log($("form").serialize()); // FirstName=Bill&LastName=Gates
});
这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),举例如下:


$.ajax({
   type: 'post',
   url: 'your url',
   data: $("form").serialize(),
   success: function(data) {
       // your code
    }
});
使用$.post()、$.get()和$.getJSON()也是一样的:

$.post('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.get('your url', $("form").serialize(), function(data) {
        // your code
    }
});

$.getJSON('your url', $("form").serialize(), function(data) {
        // your code
    }
});


原文:http://www.cnblogs.com/leejersey/p/3750259.html


使用ckeditor在Ajax 序列化表单提交时不能获取 textarea 的值 解决方案

最早遇到这个问题的时候因为只有一个富文本编辑所以网上找了方案解决了下,就没怎么管,当时是用这种方式放的富文本 editor=CKEDITOR.replace('ckedit',{ height: '...
  • LHL584209
  • LHL584209
  • 2016年08月03日 22:36
  • 2560

jquery ajax form serialize() 转json 数据,post 后台

jquery ajax form serialize() 转json 数据,post 后台
  • pingdouble
  • pingdouble
  • 2015年11月06日 17:37
  • 2765

Ajax应用serialize()提交Form表单及后端取值(Java)

$(document).ready(function(){ $("#modifyForm").submit(function(e){ $("#submitButton").attr(...
  • u010612373
  • u010612373
  • 2016年08月26日 15:30
  • 8409

jQuery ajax - serialize() 方法提交表单

jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=val...
  • heyue_99
  • heyue_99
  • 2016年11月10日 17:24
  • 768

JQuery serialize后,在后台取不到值的问题

在使用JQuery的AutoComplete功能时,出现一个奇怪的问题,那就是后台取不到被serialize后的form中的input的值。为这个问题烦恼了n久,终于找到原因。原因很汗。。。那就是被s...
  • KING__GOGO
  • KING__GOGO
  • 2016年07月13日 15:46
  • 3913

Ajax serialize()提交form表单不能上传file类型怎么办?

前台form表单的提交方式-Ajax提交的方法
  • NTSDB
  • NTSDB
  • 2018年01月03日 16:02
  • 151

jQuery序列化表单 serialize() serializeArray()

1、serialize()方法描述:序列化表单内容为字符串,用于Ajax请求。格式:var data = $("form").serialize();2.serializeArray()方法描述:序列...
  • itmyhome
  • itmyhome
  • 2014年12月13日 21:44
  • 11286

jQuery ajax 提交表单中文乱码的问题

jQuery ajax 提交表单中文乱码的问题                           解决方法:                                           ...
  • babyxue
  • babyxue
  • 2017年04月21日 16:24
  • 788

ajax中post提交form所有元素序列化提交方法.serialize();

$(function() {      $('#submit').bind('click', function() {            var formData = $('#ajaxFor...
  • smeyou
  • smeyou
  • 2012年11月16日 16:08
  • 9739

关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题

jQuery使用serializeArray()序列化表单数据得到的是一个json对象的数组,而不是真正的json,所以如果对于获取到的结果直接发送给服务器端,服务器端是不能直接通过$_POST[ "...
  • hl582567508
  • hl582567508
  • 2017年03月03日 13:48
  • 1650
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery ajax()使用serialize()提交form数据
举报原因:
原因补充:

(最多只允许输入30个字)