ajax-serialize

1.serialize

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

  serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)

2.serialize()与serializeArray()区别

  serialize()序列化表单元素为字符串,用于 Ajax 请求。

  serializeArray()序列化表单元素为JSON数据。

  var data1 = $("#form1").serializeArray(); //自动将form表单封装成json
  $("#results").append("<br/><b>serializeArray:</b>");
  $.each(data1, function(i, field){
    $("#results").append(field.name+":"+field.value+" ");
  });

  var data2 = $("#form1").serialize(); //自动将form表单封装成json
  $("#results").append("<b>serialize():</b>"+data2);

备注:file、image、button、submit、reset都不会被序列化

3.这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax()
 
时间: 2024-10-13 12:56:30

ajax-serialize的相关文章

2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据

jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(function () { var UserId = $('#UserId').val(); if (UserId == "") { $.ajax({ type: "POST", url: '/Users/Create/', data: $("#SaveUserFo

jQuery ajax - serialize() 方法

jQuery ajax - serialize() 方法 jQuery Ajax 参考手册 实例 输出序列化表单值的结果: $("button").click(function(){   $("div").text($("form").serialize()); }); 亲自试一试 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 fo

ajax显示表格详情与添加数据(jQuery ajax - serialize() 方法)

0.表格样式 1.显示详情 第一种方法:利用表格的基本数据与从数据库中获取结合. 主要代码: <c:if test="${danger.dangerstatus eq '已整改'}"> <!-- 变活, 1 :隐患id ,1 :跟踪id --> <a href="javascript:void(0)" onClick="el_setFour(this,${danger.dangerid},${danger.followid }

jQuery ajax - serialize() 方法-输出序列化表单值

定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语法 $(selector).serialize() <html> <head> <script type="text/javascript" src="/jquery/jquery.js"

JQuery中serialize()

一.serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象.你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身.序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语法: $(selector).serialize() 详细说明 1..serialize() 方法创建以标准 URL 编码表示的文本字符串.它的操作对象是代表表单元素集合的 jQue

jQuery的serialize()序列化简单介绍

jQuery的serialize()序列化简单介绍: 在jQuery中,当使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器. serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&key2=value2)后提交. 下面介绍JQuery中serialize()的用法: 一.serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表

JQuery中serialize() 序列化

更多2014/8/24 来源:jquery学习浏览量:1671 学习标签: serialize 本文导读:在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&key2=value2…)后提交.下面介绍JQuery中serialize()的用法 一.serialize()定义和用法: serialize()方法通

我的python学习--第九天

一.复习 1.业务逻辑图 2.注意点 (1).任何页面都必须验证是否登录,没有登录则跳转到登录界面(通过session判断) (2).普通用户与管理员权限之分 1.添加用户只能由管理员操作 2.删除用户也只能由管理员操作 3.更新用户中,状态和角色由管理员修改,普通用户只能修改指定的信息 4.查看所有用户列表只能管理员操作,普通用户只能查看自己的信息 3.jquery ajax - serialize()方法 示例 <html> <head> <script src=&quo

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

Query的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如: <form action=""> First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="

jquery ajax 使用serialize() 表单字段过多导致的问题

jquery ajax 使用serialize() 表单字段过多导致字段不能全部发送,改用了serializeArray()方法,再查下使用方法,暂时没有发现什么问题 // 如:{Name:'摘取天上星',position:'IT技术'} // ps:注意将同名的放在一个数组里 function getFormJson(form) {   var o = {};   var a = $(form).serializeArray();   $.each(a, function () {     i