Form 获取JSON参数和URL参数

位置:首页>文章>详情   分类: 教程分享 > WEB基础   阅读(5965)   2024-04-17 13:45:23

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":"男"
}
标签: form JSON
地址:https://www.leftso.com/article/751.html

相关阅读

Form前置准备首先我们有一个表单&lt;form id="params"&gtl; &lt;input name="userName" value="123"&gtl; &lt;...
Jquery 对form表单对象直接使用reset()方法是无法生效得,而且可能报错没有reset()这个方法
如何创建FormData创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
jQuery checkbox获取选中状态let check=$(this).is(':checked') console.log(check); // true /false注意通过form表...
Ajax Post 下载文件通过原生js实现function ajaxPostDownload(url,fileName,callback) { let xhr = new XMLHtt...
CKEditor 5 不重新构建移除某个plugin控件组件参考代码:ClassicEditor .create( document.querySelector...
ckeditor5 图片上传地址配置,ckeditor5和4的图片上传配置有点不一样。首先是确定你选的上传支持插件是什么,我这里是下面这个插件ckfinder upload adapter以次控...
CKeditor5代码片段是官方自己集成的。可以通过在线构建的时候选择Code blocks 组件。选择后默认支持一下代码语言,是通过pre标签+code标签实现的。[ { langu...
Bootstrap Table 后端分页详解防坑$('#tableId').bootstrapTable({ method:'post',//请求方法 url:'',//后台地址 p...