Ajax中post请求参数的发送问题

本文知识点：
1.post请求与get请求不同，post请求必须在请求报文中声明请求参数的格式
涉及点：
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
xhr.setRequestHeader('Content-Type','application/json')
手动拼接参数
JSON.stringify()

2.post请求中，用FormData（）方法发送数据多的参数，如表单类型参数、图片和视频等二进制文件，等等

一、post请求与get请求不同，post请求必须在请求报文中声明请求参数的格式。

格式1：

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')。

即 xhr.send( "key=val&keys=value" ) 类型格式。

注：一般用这种格式。

例子：（这里我们手动拼接表单类型提供的参数）

格式2：

xhr.setRequestHeader('Content-Type','application/json')。即JSON对象格式。

但是，在将参数传入send（）方法前，必须用JSON.stringify()将此转成JSON格式字符串再传入，因为只能传输字符串格式。

例子：

二、post请求中，用FormData（）方法发送数据多的参数，如表单类型参数、图片和视频等二进制文件，等等

1.用FormData()方法传输表单类型参数
注意点：提交表单中的input按钮类型设置为button，不要设置为submit，否则会按照默认格式提交

1）例子：

2）formData()方法的实例还有以下两个方法

获取表单对象中属性的值：formData.get('key');

设置表单对象中属性的值：formData.set('key');

删除表单对象中属性的值：formData.delete('key');=>用于删除登录时候输入两次密码的其中一个

2.用FormData()方法传输图片二进制类型参数

预览上传的图片：