jquery批量获取form表单要提交的值

jquery代码：

alert($("form").serialize());

完整请求：
这个方法适用于get请求，对于post请求我没试过。

   $("#generate").click(function(){$.ajax({url:"organization/generateAuthCode", //你的路由地址type:"post",dataType:"json",data:$("form").serialize(),timeout:30000,success:function(data){$("#description").value(data);},error:function(){console.log(data);}});});

我在后端返回接收到的数据：

get也是可以的：

<input type="radio" name="radio" value="0"/>男
<input type="radio" name="radio" value="1"/>女

获取value值：

$("input[type='radio'][name='radio']:checked").val()

获取html的内容：

$("input[type='radio'][name='radio']:checked").html()

<select id="selectName">
<option value="">请选择你喜欢的类型</option><option value="0">唱歌1</option><option value="1">唱歌2</option><option value="2">唱歌3</option>
</select>

获取value值:

$("#selectName").val();
$("#selectName  :selected").html();

jquery批量获取form表单要提交的值相关推荐

8 jquery 获取 form 表单内容
8 jquery 获取 form 表单内容有时,我们需要获取表单内容进行发送ajax请求,通过函数方式比较方便. $("#title").serialize() 获取一个序列化的 ...
form表单同时提交带文本和图片的数据
方法一:使用ajax异步提交此种方法的好处是可以回调响应结果. html代码: <form action="${basePath}/save" method="p ...
js实现Form表单submit提交截获数据（各浏览器通用）
js实现Form表单submit提交截获数据(各浏览器通用) js实现Form表单submit提交截获数据(各浏览器通用) No Comments | js , 安全 , PHP | by calms ...
使用ajax方法实现form表单的提交
2019独角兽企业重金招聘Python工程师标准>>> 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控 ...
html怎么获取form表单数据,如何优雅的获取Form表单数据？
先看一个简单的例子比如这里有一个简单的 form 表单 r1 r2 r3 r4 c1 c2 c3 c4 login reset 页面如下现在,随便输入点内容如果提交,表单会触发默认行为,直接以g ...
layui form表单ajax提交
<form class="layui-form" method="post" action=""><div class=& ...
php获取post表单数据_PHP get和post方法获取form表单数据
在 PHP 中使用 get 和 post 两种方法接收来自 form 表单的值,在 form 表单中可以定义 PHP 的接收方式和接收地址. get 和 post 方法主要有以下几点区别. get 是 ...
防止form表单重复提交的几种方案
阅读目录前言 form重复提交场景解决方案一:前端利用JavaScript防止表单重复提交二:利用Session防止表单重复提交三:使用重定向也可以解决form表单重复提交问题参考前言 ...
$.ajaxSubmit form表单ajax提交
Form表单ajax提交 <style>#agreementSub{margin-top: 20px;display: block;width: 100px;height: 40px;te ...

jquery批量获取form表单要提交的值

我在后端返回接收到的数据：

get也是可以的：

jquery批量获取form表单要提交的值相关推荐

最新文章

热门文章