ajax的serialize方法获取不到单选框数据

2024-11-03

（转）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 ajax中serialize()方法增加其他参数

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

【转载】 C#中ArrayList使用GetRange方法获取某一段集合数据

在C#的编程开发中,ArrayList集合是一个常用的非泛型类集合,可以使用GetRange方法来获取集合中指定索引位置开始的一整段集合数据组成一个新的集合,GetRange方法的签名为virtual ArrayList GetRange(int index, int count),参数index代表取值的开始索引位置,count代表从开始索引位置连续取值的总元素个数. 例如,有个ArrayList集合存储的数据都为Int类型,集合中含有7个元素,依次为1,10,2,3,4,10,5.具体的Ar

玩转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获取及设置单选框、多选框、文本框内容

获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=ite

jQuery获取及设置单选框、多选框、文本框

获取一组radio被选中项的值 var item = $("input[@name=items][@checked]").val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $("#select_id")[0].selectedIndex = 1; radio单选组的第二个元素为当前选中

ajax的serialize()方法

自己看吧,超级简单,就不用挨个获取表单名称和值对装在Json里往php传了,直接传个form就可以. [HTML] <form method="post" id="form1"> Order: <input type="text" name="order" value=""> Name: <input type="text" name="name&

ajax的get方法获取豆瓣电影前10页的数据

# _*_ coding : utf-8 _*_ # @Time : 2021/11/2 11:45 # @Author : 秋泊酱 # 1页数据电影条数20 # https://movie.douban.com/j/chart/top_list?type=5&interval_id=100%3A90&action=& # start=0&limit=20 # 2页数据 # https://movie.douban.com/j/chart/top_list?type=5&

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

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

Ajax的post方法，模拟从后台读取数据小demo

$(document).ready(function() { //定义一个函数 function timer() { $.post("1.json", function(data, status) { //var strHtml = ""; var $ul = $('#ul1'); // 服务器返回的信息, 有两个一个success, error console.log(status); // 成功循环数据, 添加到页面中 if(status == "su

快速获取表单多条数据，使用ajax传递给后台

当表单中有多条数据需要向后台传递时,一个一个的获取显然是不可取的办法,可以借助表单的serialize()方法获取. HTML: <form id="form"> <table> <tr> <td>姓名</td> <td> <input type="text" name="name" value="张三" /> </td> <

java：JavaScript3（innerHTML，post和get，单选框，多选框，下拉列表值得获取，JS中的数组，JS中的正则）

1.innerHTML用户登录验证: <!DOCTYPE> <html> <head> <meta charset="UTF-8"></meta> <title></title> <script> function check(fm) { var username = fm.username.value;// 用户名的值 var pwd = fm.pwd.value; var flagUse

MUI - 复选框、单选框、使用js获取选择值

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title

MVC3控制器方法获取Form数据方法

http://www.cnblogs.com/bianlan/archive/2013/01/12/2857310.html 控制器方法获取View页面传送的数据有多种方法,以Edit方法为例: 1.Form表单请求收集方式包括Request.Form或者FormCollection. 如下: [HttpPost] public ActionResult Edit(FormCollection collection) { var album = new Album(); if (ModelSt

Mysql字符串截取_获取指定字符串中的数据

前言:本人遇到一个需求,需要在MySql的字段中截取一段字符串中的特定字符,类似于正则表达式的截取,苦于没有合适的方法,百度之后终于找到一个合适的方法:substring_index('www.sqlstudy.com.cn', '.', -2) 强烈推荐该方法获取含有特定字符的数据. substring_index(input,split,index):input为要截取的字符,split为分隔符,Index为要截取第index个分隔符左(index为正)或右(index为负)的字符串. 拿个

玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决

有时候我们需要使用ajax提交去提交form的值,这样就需要使用serialize()去获取form的值,但这样获取的值如果有中文,会乱码,原因和解决方法如下: 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了解决方法:调用decodeURIComponent(XXX,true);将数据解码如: var data=$('#addf').serialize(); data= decodeURIComponent(data,true);

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

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

jquery通过ajax方法获取json数据不执行success

1.jquery通过ajax方法获取json数据不执行success回调问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法解决方案:使json格式务必符合下述3个标准写法: 1)键名称:用双引号括起: 2)字符串:用双引号括起: 3)数字,布尔值不需要使用双引号括起 : 注意:一定是双括号! 2.jQuery中ajax使用json数据类型总是跳过success

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方法获取json数据不执行success回调

问题描述:jquery通过ajax方法获取json数据不执行success回调方法问题原因:json格式存在问题或不符合标准写法,导致总是执行error回调方法解决方案:使json格式务必符合下述3个标准写法: 1)键名称:用双引号括起: 2)字符串:用双引号括起: 3)数字,布尔值不需要使用双引号括起 : 注意:一定是双引号!

用JQuery中的Ajax方法获取web service等后台程序中的方法

用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System;using System.Collections.Generic;using System.Data;using System.Linq;using System.Web;using System.Web.Services;using System.Threading;using System.Xm

ajax的serialize方法获取不到单选框数据

热门专题