Form 获取JSON参数和URL参数

编程教程 > WEB > JavaScript (10528) 2024-11-26 14:39:04

Form前置准备

首先我们有一个表单

<form id="params">
  <input name="userName"  value="123">
  <input name="userSex"  value="男">
</form>

方式一:获取URL参数,用问号连接

let params=$('#params').serialize();
//使用参数
let reqUrl='xxx.com/xxx.do?'+params

实际得params内容格式为:

userName=123&userSex=男

方式二:获取JSON参数

首先需要一个工具方法

function getFormToJson(formObj){
            let formData=$(formObj).serializeArray();
	        var obj={}
	        for (var i in formData) {
	            obj[formData[i].name]=formData[i]['value'];
	        }
	        return obj;
}

具体使用:

let params=getFormJSON($('#params'));

上述params参数实际为:

{
"userName":"123",
"userSex":"男"
}

评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
Form前置准备首先我们有一个表单&lt;form id="params"&gtl; &lt;input name="userName" value="123"&gtl; &lt;...
默认情况下form表单会带有校验功能,例如下面代码:&lt;form id="formId"&gtl; &lt;input type="text" name = "name" re
java json字符串转对象_json转换为java对象_ json字符串转对象数组
环境说明1.MySQL5.7(注意,json格式最低需要改版本支持);2.存json数据的数据库字段类型必须是json,不能是varchar;
MySQL,从大概5.7版本开始支持json数据类型,但是5.7的json查询不支持创建索引,在MySQL 8.0.17 后支持了索引,但是创建和查询使用索引与常规索引不同
form-data :Content-Type:multipart/form-data;boundary= x-www-from-urlencoded:Content-Type:appli...
Jquery 对form表单对象直接使用reset()方法是无法生效得,而且可能报错没有reset()这个方法
说明:json除了键值对的形式以外,还包括Array数列形式,这在mysql5.7及以上也是支持的,对Array中元素的操作相当于直接对键值对中的值操作,少了“键”的定位这一步,这里不单独展示,...
有些时候你可能会导出大量的JSON数据到文件中,或者说将所有数据导入到JSON文件。和任何大数据集一样,您不能只将其全部放入内存并将其写入文件。 它需要一段时间
JavaScript/JS读取文本/JSON文件内容let file = files[0];var reader = new FileReader();read
handlerexceptionresolver 返回json
Java EE 8 JSON Pointer讲解,Java EE 8包含JSON处理API的更新,并为最新的JSON标准提供最新的IEFT标准。
通过之前的一些文章spring boot 2.3 hibernate validate框架未引入-xqlee (blog.xqlee.com)Spring boot 参数分组校验-xqlee (...
如何创建FormData创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建
前言值得一提的是JSON只有数组数据类型