㈠ js post请求模仿form表单数据格式传输
在开发过程中后端要求请求方式为post，但传输的数据格式为form表单formdata形式的。
在用axios插件请求数据时实现上述请求，可以添加 params 属性，但是这种方式会在请求url后面拼接请求参数，与post请求有些不符。
㈡ JS部分怎么写才能把form表单里的数据输出出来
JS获取form表单里的数据并输出的方法：
document.getElementById("ddd").innerHTML = document.getElementById("xxx").value + document.getElementById("yyy").value;
将表单数据获取好后进行拼接赋给某个dom节点显示出来。
js获取表单数据命令是：document.getElementById("xxx").value;
输出表单数据到某个dom元素内是使用：document.getElementById("ddd").innerHTML;
因此要使用js输出表单数据可以先讲表单数据整合临时存储到某个变量，在统一输出到某个dom节点内
举例：
<form id="fm" name="fm">
<input type="text" id="name" />
<input type="text" id="tel" />
<input type="button" onClick="fmResult()" />
</form>
输出表单值：<div id="d"></div>
js:
<script>
function fmResult(){
var name = document.getElementById("name").value;
var tel = document.getElementById("tel").value;//获取值
document.getElementById("d").innerHTML = name + tel;//输出表单值
}
</script>
㈢ js中怎么样获取从form提交后返回的json数据
同页面下的话就需要做异步处理，后台return json格式数据
$.ajax({
url:"后台地内址的url",
data:{
id:id
},
type:"POST",
success:function(re){
console.log(re);//打印返回容数据
}
});
㈣ JS - FormData详解
1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。
2、异步上传文件
1、创建一个空对象：
2、通过表单对formData进行初始化
创建表单：
通过表单元素作为参数，实现对formData的初始化：
1、通过get(key)与getAll(key)来获取相对应的值
2、通过append(key,value)在数据末尾追加数据
3、通过set(key, value)来设置修改数据
key的值不存在，会添加一条数据
key的值存在，会修改对应的value值
4、通过has(key)来判断是否存在对应的key值
5、通过delete(key)可以删除数据
创建表单：
发送数据：
㈤ 使用js在原来的窗口来给新窗口添加内容
最近在做自己的博客，写文章的时候有一个预览功能，当时使用的是弹出框来进行预览，感觉体验不是很好。
然后想到了写邮件时候的新窗口预览，查了下126邮箱和qq邮箱的预览实现效果，以及各种谷歌网络stackoverflow进行搜索。得出以下方案。
/*
* 在新窗口POST
* action: form的action属性，要post的地址(url)
* data: form中的数据，数据格式为 [{name: "", value: ""}, {name: "", value: ""}]
* data的值可以使用jQuery的方法 $("#form1").serializeArray()获得。
*/
createPostNewWindow: function(action, data){
var _doc = document;
var _form = _doc.createElement("form");
_form.method = "POST";
_form.target = "_blank";
_form.action = action;
data.forEach(function(element) {
var _input = _doc.createElement("input");
_input.type = "hidden";
_input.name = element.name;
_input.value = element.value;
_form.appendChild(_input);
});
_doc.body.appendChild(_form);
_form.submit();
_doc.body.removeChild(_form);
}
㈥ js或jQuery如何实现提交form表单，保存数据到数据库，同时打开一个新的窗口，并且带入刚保存的数据的ID
这个建议你用ajax来完成。
以jq的ajax为例
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
$("#form").submit(function(){
var strArray=$(this).serializeArray();//将form表单转为数组形式序列化表单
$.post("你要提交的后台页面地址",strArray,function(result,status){
//result是由后台返回的id
//status是状态，为success时成功。
if(status=="success"){
window.open("要打开的新窗口地址?id="+result);//打开一个新窗口，并用get方法传入id
}
});
return false;//此句是防止页面提交
});
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
以上是jq代码。
后台代码，要看你用的是什么语言了。
比如说php，有个msyql_insert_id();可以获取最后一条插入记录的id。
如果是asp，可以用select top 1 id from 表 order by id desc的方法来获取id。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
后台插入数据库的代码，就由你自己来写了。
新打开的窗口，只需获取id即可
㈦ form表单提交上传图片
上传图片我首先想到的是利用这个插件，webupload LUploade这类插件大多支持图片预览，断点/分片上传，功能比较丰富，但是由于后台原因我需要利用form表单进行上传图片，所以就整理了一下关于图片上传的几种方式：
1.form表单上传图片
表单上传遇到了一下几个问题：
（1）进行表单提交时，无法获取返回值
（2）表单提交会进行页面刷新
为了解决这个问题，我想到了利用iframe进行解决，在form元素上直接添加target属性，使提交跳转页面直接跳转到iframe中，阻止页面进行跳转，返回结果也会呈现在 iframe框架之中，我们可以去除iframe中的返回值，前提是必须在同一个域名下。这样我们获取返回值就会拥有局限性。还好我反降了另外一种方法，jquery中jqueryj.form.js表单提交插件。我们可以直接这样来获取表单返回值。
form表单提交注意事项：
(1).提供form表单，method必须是post。
(2).form表单的enctype必须是multipart/form-data。
javascript学习交流群：4538335s's's's'sssssssssssssss54
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码。HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值：
application/x-www-form-urlencoded：在发送前编码所有字符(默认)(空格被编码为’+’，特殊字符被编码为ASCII十六进制字符)。
multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain：空格转换为 “+” 加号，但不对特殊字符编码。
默认enctype=application/x-www-form-urlencoded，所以表单的内容会按URL规则编码，然后根据表单的提交方法：
method=’get’ 编码后的表单内容附加在请求连接后，
method=’post’ 编码后的表单内容作为post请求的正文内容。
(3).提供input type="file"上传输入域。
2.ajax无刷新上传
ajax和FormData可实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的
FormData接口。通过FormData对象可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit()方法传输的数据格式相同。
ajax无刷新上传
Ajax无刷新上传的方式，本质上与表单上传无异，只是把表单里的内容提出来采用ajax提交，并且由前端决定请求结果回传后的展示结果。
3.各类插件的使用：
webupload LUPloader
㈧ 2020-01-03 原生js中form表单提交的数据的格式
第一次写这种文章。
1. 原生js中，form表单在提交数据的时候默认的编码格式是application/x-www-form-urlencoded
2. 如果表单中有文件需要上传，那么必须在form元素中添加除了action和method（如果是get请求，可以不添加method属性。默认情况下，form表单以get方式提交表单数据）之外的第3个属性enctype，并且设置enctype="multipart/form-data"。
参考页面： HTML
㈨ js如何实现Form表单submit提交截获数据
//表单，加onsubmit="return ck(this)"部分
<form onsubmit="return ck()">
<input id="userName" />
</form>
<script>
function ck()
{
//这里就可以放各种数据的判断，参照以下格式
if(document.getElementById("userName").value=="")
{
alert("请填写用户名！")
return false;
}
}
</script>
㈩ From表单提交数据的几种方式
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插件）