form 表单提交时能不能附带json数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form 表单提交时能不能附带json数据相关的知识,希望对你有一定的参考价值。

其实form提交方式为get的时候跟json差不多的 都是键值对提交,如果你真想跟json格式一抹一样你就点击提交的时候通过js得到提交的值然后由js去封装为json提交到服务器
提交前先序列化为JSON字符串,服务端再以字符串创建为JSON变量。

var data = demo: "test";
var str = JSON.stringify(data); //""demo":"test""
参考技术A 是不是表单提交到后台,返回一个json串到前台,在用alert显示?
最好是代码贴出来看看本回答被提问者和网友采纳

From表单提交数据的几种方式

参考技术A

1,Form表单的常用属性
2,浏览器提交表单时执行步骤
3,提交方法
4,常见的几种提交方式

enctype为 form 表单数据的编码格式,Content-type为Http传输的数据的编码格式。分清两者

1, get: 表单数据会被 encodeURIComponent 后以参数的形式: name1=value1&name2=value2附带在 url? 后面,再发送给服务器,并在 url 中显示出来
2, post: enctype 默认"application/x-www-form-urlencoded"对表单数据进行编码,数据以键值对在http请求体重发送给服务器;如果enctype 属性为"multipart/form-data",则以消息的形式发送给服务器"

在js中定义了其它变量,需要提交的时候携带,这时可以不用表单直接提交(此方法引用了jQuery插件)

以上是关于form 表单提交时能不能附带json数据的主要内容,如果未能解决你的问题,请参考以下文章

用json提交表单有啥好处

From表单提交数据的几种方式

Vue表单form数据转化为Json字符串

服务端Json数据+js表单数据提交的 表单交互插件(base-form.js)

jquery提交时把表单转成json,调用serializeArray()返回空

怎么获取form表单将要提交的数据