Form 获取JSON参数和URL参数

教程分享 > WEB技术 > JavaScript (10351) 2024-08-07 11:21:12

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":"男"
}
https://www.leftso.com/article/751.html

相关文章
Form前置准备首先我们有一个表单&lt;form id="params"&gtl; &lt;input name="userName" value="123"&gtl; &lt;...
java json字符串转对象_json转换为java对象_ json字符串转对象数组
环境说明1.MySQL5.7(注意,json格式最低需要改版本支持);2.存json数据的数据库字段类型必须是json,不能是varchar;
MySQL,从大概5.7版本开始支持json数据类型,但是5.7的json查询不支持创建索引,在MySQL 8.0.17 后支持了索引,但是创建和查询使用索引与常规索引不同
使用Jackson写巨大的JSON文件
说明:json除了键值对的形式以外,还包括Array数列形式,这在mysql5.7及以上也是支持的,对Array中元素的操作相当于直接对键值对中的值操作,少了“键”的定位这一步,这里不单独展示,...
Java EE 8 JSON Pointer讲解,Java EE 8包含JSON处理API的更新,并为最新的JSON标准提供最新的IEFT标准。
handlerexceptionresolver 返回json
前言值得一提的是JSON只有数组数据类型
Log4j 2 简介       Apache Log4j 2是对Log4j 1.x的升级,相对于其先前版本进行了重大改进,例如性能改进,自动重新加载已修改的配置文件,java 8 lambda...
在vue2.0中使用了axios库,设置请求头Content-Type='application/json;charset=UTF-8'无效axios.defaults.headers.comm...
httpclient4.5使用详解 httpclient 4.5 post传递json参数
偶然遇到一个spring boot 的接口错误,Content type 'application/json;charset=UTF-8' not supported经过排查发现是参数里面的对象...
       学习使用Gson JsonReader类,这是一个基于拉的流式JSON解析器,它有助于将JSON作为标记流来读取​GSON1. JsonReader是什么JsonReader是流式...
fastJSON字符串类型数据中的日期转换为Java bean的日期对象