jQuery积累：serialize()、stringify()、toJSON()

拓展jQuery的serialize()，将form表单转化为json对象

jQuery 的 serialize() 方法经常会报 Uncaught TypeError: JSON.serializeObject is not a function 的错误, 原装的方法真的一点都不好用,所以我在我的引用文件里面扩展了jQuery的方法,可以直接用var obj = $("#form").parseForm();变成json对象,然后直接扔给后台. 搜索引擎搜索如下关键字可以查找更多资料: jquery如何将表单内容转为json对象法1 //扩展jquery的…

JQuery中serialize()、serializeArray()和param()方法示例介绍

在项目中做form表单提交的时候,如果参数比较少,可以通过jquery一个个取得,但是当 form表参数很多的情况下,还是一一取得的话无疑是加大了工作量,那我们需要咱们获取到表单的所有参数呢,幸好,jquery有serialize().serializeArray()方法,可以一次性获取到参数,如我们有form表单如下: 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串,用于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中serialize() 序列化

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

关于jquery的serialize方法转换空格为+号的解决方法

jquery的 serialize()方法,可以对表单项进行序列化,这本来是很方便的一个功能:但是实际使用中去发现了如下问题:例如:< textarea name="content">abc 123 < / textarea >那么在执行 serialize()方法后,得到的却是 abc+123 这样的字符串:即jquery的序列化方法对空格进行了转义,转换成了 + 号.jquery中serialize方法的部分代码如下所示://............…

JQuery中serialize()

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

jQuery积累：serialize()、stringify()、toJSON()

*)表单serialize()序列化,和serializeArray() ##)应用场景当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值.然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台. 但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就比较麻烦了. 这个时候,就需要使用$("form").serialize(); 在w3school中可以看到相关资料:http://…

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

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

jQuery.fn.serialize 阅读

今天第一次阅读jQuery源码,因为读到用js对表单的序列化,为的是在ajax操作中将表单中各个域的值传到服务器.书上用了很长的步骤,判断每一个表单域的属性,然后拼接. 大概是这样: function serialize(form){ var parts = [], filed = null, i, len, j, ... for(i=0,len=form.elements.length;i<len;i++){ field=form.elements[i]; switch(field.type)…

jquery $('#form1').serialize()序列化提交表单

1.$("#form1").serialize() 把form表单的值序列化成一个字符串,如username=admin&password=admin123 <form id="form1"> <input name="username" type="text" value="" /> <input name="password" type=&quo…

JQuery中serialize()、serializeArray()和param()用法举例

在javascript中,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串,serializeArray()方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据. 服务器端的jsp代码: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% request.setCharacte…

jQuery使用serialize()表单序列化时出现中文乱码问题&js获取url中的参数,并保证获取到的参数不乱码

序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了解决方法就是进行解码原因:.serialize()自动调用了encodeURIComponent方法将数据编码了解决方法:调用decodeURIComponent(XXX,true);将数据解码 //商品标签function tag(url){ var form = $('form').serialize(); //序列化内容 var shuju = decodeURICompon…

jQuery积累

一:Google的CDN(内容分发网络) <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> Microsoft的CDN <head> <script type="text/javascrip…

jQuery ajax - serialize() 方法

http://www.jb51.net/article/60849.htm http://www.w3school.com.cn/jquery/ajax_serialize.asp…

JQuery之 serialize() 及serializeArray() 实例介绍

这两个方法都是jq封装的,主要用于form表单. serialize(); 1.创建一个标准url编码显示的文本字符转: 2.操作的对象是表单元素结合的jq对象: serializeArray(); 序列化一个表单元素,将表单元内容编码为一个js数组常用语编码为js格式的字符串不在form标签内的表单控件不会被提交. 没有name属性的表单控件不会被提交. 带有disabled属性的表单控件不会被提交. 没有被选中的表单控件不会被提交一些定义介绍,我们根据实例很容易记忆 <form id=…

jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法

原始form表单值获取方式(手动): $.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){alert(error);} }); JQ serialize()方法取值: $.ajax({ type: "POST&quo…

jquery序列化serialize()方法空格变为+问题解决参考方法

$("#sendNoticeData-form").serialize();会在value中存在空格的地方转化为+符合.比如:name:tiwax aaa序列化后为tiwax+aaa;但是我们需要的是tiwax aaa的值,查询网上答案发现以下解决方案: $("#sendNoticeData-form").serialize().replace(/\+/g," "):…

JQuery中serialize()方法的使用

…

jquery中使用serialize() 序列化表单时中文乱码问题

序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了解决方法就是进行解码 1 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了 2 解决方法:调用decodeURIComponent(XXX,true);将数据解码 3 例如: 4 var params = jQuery("#formId").serialize(); // http request parameters. 5 par…

jquery serialize()、serializearray()已经$.param方法

serialize: 序列表表格内容为字符串,用于 Ajax 请求.可以对整个form,也可以只针对某部分. HTML 代码: <p id="results"><b>Results: </b> </p> <form> <select name="single"> <option>Single</option> <option>Single2</optio…

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

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

详解Ajax请求（三）——jQuery对Ajax的实现及serialize()函数对于表单域控件参数提交的使用技巧

原生的Ajax对于异步请求的实现并不好用,特别是不同的浏览器对于Ajax的实现并不完全相同,这就意味着你使用原生的Ajax做异步请求要兼顾浏览器的兼容性问题,对于java程序员来讲这是比较头疼的事情,还好jQuery的出现帮我们解决了兼容性的问题,而且让异步请求的实现更加简单直观. 总结下来,jQuery对于Ajax的实现常用的方法一共有三个,分别是:$.ajax(),$.get(),$.post(),其中$.get()和$.post()方法分别是对$.ajax()方法的j简写.至于这三个方法的…

jQuery ajax中serialize()方法增加其他参数

表单提交使用jQuery.ajax()进行表单提交时,需要传递参数,最直接的方法便是使用Form的serializa()将表单序列化,前提只是将Form表单中的name属性与数据库的字段名保持一致便可:但如果遇到再次往其中增加参数的状况呢,我们该如何处理? First: 其实,jQuery ajax的serialize() 方法是将表单序列化为键值对(key1=value1&key2=value2…)后提交,使用标准的 URL-encoded 编码表示文本字符串,而jQuery ajax-pa…

jquery serialize对json的包装用法

jquery对象.serialize() 可以多用于表单对数据封装提交能够收表参数,形成一个json格式字符串, 前提是:必须为每一个表单项取一个name属性对元素设置 name属性, 然后 $("元素").serialize()会自动包装 json格式例如 <form> <input type="text" name="username"> <input type="text" na…

JQuery里ajax的表单传值serialize()用法

本文导读:在jQuery中,当我们使用ajax时,常常需要拼装 input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&key2=value2…)后提交.下面介绍JQuery中serialize()的用法: 语法: $('form').serialize() 详细说明 1..serialize() 方法创建以标准 URL 编码表示的文本字符串.它的操作…

jquery serialize() 方法

ajax异步提交的时候,会使用该方法. 方法:jQuery ajax - serialize() 方法…

转：VS2008 vs2010中JQUERY智能提醒

第一步: 安装VS 2008 SP1 VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对很大部分的JavaScript库加了代码完成支持. 你可以在这里下载VS 2008 SP1 和 Visual Web Developer 2008 Express SP1. 第二步: 安装VS 2008 Patch KB958502以支持"-vsdoc.js"Intellisense文件你可以将其运用到VS 2008 SP1 和…

一个jQuery扩展工具包

带有详尽注释的源代码: var jQuery = jQuery || {}; // TODO // ###################################string操作相关函数################################### jQuery.string = jQuery.string || {}; /** * 对目标字符串进行html解码 * * @name jQuery.string.decodeHTML * @function * @grammar j…

前端与后端的数据交互（jquery ajax+python flask）

前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收GET请求数据 2)接收POST请求数据 3)响应请求前端的数据发送与接收 1. 提交表单数据 # GET请求 var data = { "name": "test", "age": 1 }; $.ajax({ type: 'GET', url:…

MVC使用jQuery从视图向控制器传递Model的2种方法

http://blog.csdn.net/make1828/article/details/29846003 using System.ComponentModel.DataAnnotations; namespace MvcApplication1.Models { public class Movie { public int Id { get; set; } [Required(ErrorMessage = "必填")] public string Title { get; se…

【jQuery积累：serialize()、stringify()、toJSON()】的更多相关文章