重写jquery serialize 方法

重写jQuery serialize方法，使文本框在没有输入的情况下，使用其支持默认值

未压缩版 jQuery.fn.extend({ serialize:function() { return jQuery.param(this.serializeArray()); }, serializeArray:function() { var rbracket = /\[\]$/, rCRLF = /\r?\n/g, rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i, rsubmittable = /^(?:input|s…

重写jquery serialize 方法

/**取表单中的对象 *attrName:为元素的的属性名称不设置则默认为name */ $.fn.serialize = function (attrName) { var ret = {}; if (!attrName) {attrName = "name";} $(this).find("*[" + attrName + "]").each(function (i, o) { var thisObj = $(o); var attrValu…

jquery serialize()方法的扩展

Jquery提供的序列化表单方法serialize方法确实方便,但是我在使用的时候发现了一个弊端:当我使用type:“post”进行ajax请求的时候, 这个时候参数data:$("#myform").serialize()是这样获取的,请求之后发现还是一个get请求,参数被拼接在了地址后面,并不是实际意义的post请求, 这里可以扩展Jquery库方法,如下代码: jQuery.fn.extend({ serialize: function() { return jQuery.par…

jquery serialize() 方法

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

重写jquery ajax 方法

方法一 // TODO 主要功能为重写ajax $.ajaxSetup({ cache: false, headers: { "xxxxx": "xxxxx" }, beforeSend: function (XMLHttpRequest) { }, complete: function (XMLHttpRequest, textStatus) { }, error: function (xhr, textStatus, errorThrown) { } }); 方…

jquery serialize()方法可以序列化表单值为字符串

<form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div&…

jQuery serialize()方法获取不到数据，alert结果为空

网上查找,问题可能是 id有重复经排查,没有发现重复id 解决方案 form表单中每个input框都没有name属性,添加name属性即可若name属性与jQuery的关键字有冲突,也可导致该问题补充: 若name属性与对应的bean属性不同,也可导致该问题…

jquery.serialize

jQuery - serialize() 方法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串. serialize()函数常用于将表单内容序列化,以便用于AJAX提交. 该函数主要根据用于提交的有效表单控件的name和value,将它们拼接为一个可直接用于表单提交的文本字符串,该字符串已经过标准的URL编码处理(字符集编码为UTF-8). 该函数不会序列化不需要提交的表单控件,这和…

jquery.serialize() 函数详解

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

重写jquery的ajax方法

//首先备份下jquery的ajax方法 var _ajax=$.ajax; //重写jquery的ajax方法 $.ajax=function(opt){ //备份opt中error和success方法 var fn = { error:function(XMLHttpRequest, textStatus, errorThrown){}, success:function(data, textStatus){} } if(opt.error){ fn.error=opt.error; } i…

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

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

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…

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 的 serializeArray()、serialize() 方法

serializeArray()方法说明: 实例输出以数组形式序列化表单值的结果: $("button").click(function(){ x=$("form").serializeArray(); $.each(x, function(i, field){ $("#results").append(field.name + ":" + field.value + " "); }); }); 亲自试一…

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

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

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

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

在JavaScript中重写jQuery对象的方法

jQuery是一个很好的类库,它给我们解决了很多的客户端编程,任何东西都不是万能的,当它不能满足我们的需求时我们需要对它进行重写,同时也不要影响其原有的功能或者修改其原有的功能:我现在的web应用程序大多数时候的数据交互都是通过Ajax来完成的,这样就可以将一些隐藏字段的数据保存在HTML标签的属性中,使HTML标签的代码量减少,如:ID,Timestamp等等,这些不需要用户输入但又不得不提交的字段,通过表单提交的做法是 <input name="ID" value="…

jQuery的序列化元素 serialize()方法 serializeArray()方法 param()方法

当提交的表单元素较多时用serialize()方法,serialize()方法也是作用于一个jQuery的对象,它能够将DOM元素内容序列化为字符串,用于Ajax请求. serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>.不过,选择 <form> 标签本身进行序列化一般更容易些: $(…

jquery ajax方法和其他api回顾

>> $ele.load(url, data, callback); //带data参数时为POST请求,否则为GET请求 // $('#testload').load('data.html', {"name": "peter"}, function(r){console.log(r);}); //POST 全部html添加到容器中 // $('#testload').load('data.html h1', {"name": &qu…

jQuery框架-2.jQuery操作DOM节点与jQuery.ajax方法

一.jQuery操作DOM 内部插入操作: append(content|fn):向每个匹配的元素内部追加内容. prepend(content):向每个匹配的元素内部前置内容. 外部插入操作: after(content|fn):在每个匹配的元素之后插入内容. before(content|fn):在每个匹配的元素之前插入内容. 包裹操作: wrap(html|element|fn):把所有匹配的元素用其他元素的结构化标记包裹起来. unwrap():这个方法将移出元素的父元素. wrapAl…

JQuery $.ajax()方法详解

jQuery Ajax 参考手册实例通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); }); }); HTML 代码: <div…

ajax重写，js方法重新

重写Jquery的$.ajax方法 (function($){ //备份jquery的ajax方法 var _ajax=$.ajax; //重写jquery的ajax方法 $.ajax=function(opt){ //备份opt中error和success方法 var fn = { error:function(XMLHttpRequest, textStatus, errorThrown){}, success:function(data, textStatus){} } if(opt.er…

jquery serialize的使用

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../../js/jquery.js">…

玩转web之json(五)---将表单通过serialize()方法获取的值转成json

form表单有一个serialize()方法,可以序列化表单的值,但是jquery提供的这个方法会把数据序列化为类似下面的形式: a=1&b=2&c=3&d=4 jquery并没有提供将表单数据序列化为json的方法,所以需要我们自己封装一下,下面给出代码和测试样例,先写一个js文件: $.ajaxSetup({ contentType: "application/x-www-form-urlencoded; charset=utf-8" }); var Dat…

（转）jquery serialize表单序列化，当radio或checkbox 未选中时，没有序列化到对象中的原因分析和解决方案 - ghostsf

相信很多人都用过jq的表单序列化serialize()方法,因为这能很方便地帮你把表单里所有的非禁用输入控件序列化为 key/value 对象,不需要你再去一个个地拼接参数了. 这是一个很好用的函数,用过的你肯定知道.但是ghostsf最近发现一个小bug(也许不应该叫bug,姑且称之).就是当radio或checkbox 未选中时,没有序列化到对象中. 什么原因呢?下面分析之:瞄一眼源码:From jQuery JavaScript Library v2.1.4 jQuery.fn.exten…

jQuery 事件方法大全-超全的总结

jquery经常使用的事件: /* on off hover blur change click dblclick focus keydown keyup keypress mousedown resize scroll select submit */ 元素事件列表说明: 注:不带參数的函数,其參数为可选的 fn.jQuery不支持form元素的reset事件…

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

serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据. html代码: <form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="…

jQuery AJAX方法详谈

AJAX是与服务器交换数据并更新部分网页的技术,而无需重新加载整个页面. 下表列出了所有jQuery AJAX方法: 方法描述 $.ajax() 执行异步AJAX请求 $.ajaxPrefilter() 在发送每个请求之前以及由$.ajax()处理之前,处理自定义Ajax选项或修改现有选项. $.ajaxSetup() 为将来的AJAX请求设置默认值 $.ajaxTransport() 创建一个处理Ajax数据实际传输的对象 $.get() 使用AJAX HTTP GET请求从服务器加载数据…

jquery扩展方法（表单数据格式化为json对象）

1.jquery扩展方法(表单数据格式化为json对象) <script type="text/javascript"> // 将表单数据序列化为一个json对象,例如 {"name":"zs", "age":10} // 使用:var jsonObj = $("#formId").serializeObject(); $.fn.serializeObject = function() { va…

重写ValidateEntity虚方法实现可控的上下文验证和自定义验证

上篇文章介绍了ValidationAttribute和IValidatableObject.Validate验证,但是这种验证还是稍微简单了,对于复杂的实体,例如:继承过来的实体.实现某接口的实体等等,简单的验证就无能为力了.这里重写ValidateEntity方法可以实现更为复杂的验证.ValidateEntity本身是虚方法(virtual),故可以重写此方法加上自己的验证逻辑.在引入:System.Data.Entity.Infrastructure.System.Data.Entity.…

【重写jquery serialize 方法】的更多相关文章