//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//可以通过append()方法来追加数据

formdata.append("name","laotie");

//通过get方法对值进行读取

console.log(formdata.get("name"));//laotie

//通过set方法对值进行设置

formdata.set("name","laoliu");

console.log(formdata.get("name"));//laoliu

<form id="advForm">

    <p>广告名称：<input type="text" name="advName"  value="xixi"></p>

    <p>广告类别：<select name="advType">

        <option value="1">轮播图</option>

        <option value="2">轮播图底部广告</option>

        <option value="3">热门回收广告</option>

        <option value="4">优品精选广告</option>

    </select></p>

    <p><input type="button" id="btn" value="添加"></p>

</form>

//获得表单按钮元素

var btn=document.querySelector("#btn");

//为按钮添加点击事件

btn.onclick=function(){

    //根据ID获得页面当中的form表单元素

    var form=document.querySelector("#advForm");

    //将获得的表单元素作为参数，对formData进行初始化

    var formdata=new FormData(form);

    //通过get方法获得name为advName元素的value值

    console.log(formdata.get("advName"));//xixi

    //通过get方法获得name为advType元素的value值

    console.log(formdata.get("advType"));//1

}

// 获取key为age的第一个值

formdata.get("age");

 // 获取key为age的所有值，返回值为数组类型

formdata.getAll("age");

//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//通过append()方法在末尾追加key为name值为laoliu的数据

formdata.append("name","laoliu");

//通过append()方法在末尾追加key为name值为laoli的数据

formdata.append("name","laoli");

//通过append()方法在末尾追加key为name值为laotie的数据

formdata.append("name","laotie");

//通过get方法读取key为name的第一个值

console.log(formdata.get("name"));//laoliu

//通过getAll方法读取key为name的所有值

console.log(formdata.getAll("name"));//["laoliu", "laoli", "laotie"]

//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//如果key的值不存在会为数据添加一个key为name值为laoliu的数据

formdata.set("name","laoli");

//通过get方法读取key为name的第一个值

console.log(formdata.get("name"));//laoli

//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//通过append()方法在末尾追加key为name值为laoliu的数据

formdata.append("name","laoliu");

//通过append()方法在末尾追加key为name值为laoliu2的数据

formdata.append("name","laoliu2");

//通过get方法读取key为name的第一个值

console.log(formdata.get("name"));//laoliu

//通过getAll方法读取key为name的所有值

console.log(formdata.getAll("name"));//["laoliu", "laoliu2"]

//将存在的key为name的值修改为laoli

formdata.set("name","laoli");

//通过get方法读取key为name的第一个值

console.log(formdata.get("name"));//laoli

//通过getAll方法读取key为name的所有值

console.log(formdata.getAll("name"));//["laoli"]

、通过has(key)来判断是否存在对应的key值

//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//通过append()方法在末尾追加key为name值为laoliu的数据

formdata.append("name","laoliu");

//判断是否包含key为name的数据

console.log(formdata.has("name"));//true

//判断是否包含key为age的数据

console.log(formdata.has("age"));//false

5、通过delete(key)可以删除数据

//通过FormData构造函数创建一个空对象

var formdata=new FormData();

//通过append()方法在末尾追加key为name值为laoliu的数据

formdata.append("name","laoliu");

console.log(formdata.get("name"));//laoliu

//删除key为name的值

formdata.delete("name");

console.log(formdata.get("name"));//null

三、通过XMLHttpRequest发送数据

创建表单：

<form id="advForm">

    <p>广告名称：<input type="text" name="advName" value="xixi"></p>

    <p>广告类别：<select name="advType">

        <option value="1">轮播图</option>

        <option value="2">轮播图底部广告</option>

        <option value="3">热门回收广告</option>

        <option value="4">优品精选广告</option>

    </select></p>

    <p>广告图片：<input type="file" name="advPic"></p>

    <p>广告地址：<input type="text" name="advUrl"></p>

    <p>广告排序：<input type="text" name="orderBy"></p>

    <p><input type="button" id="btn" value="添加"></p>

</form>

发送数据：

var btn=document.querySelector("#btn");

btn.onclick=function(){

    var formdata=new FormData(document.getElementById("advForm"));

    var xhr=new XMLHttpRequest();

    xhr.open("post","http://127.0.0.1/adv");

    xhr.send(formdata);

    xhr.onload=function(){

        if(xhr.status==200){

            //...

        }

    }

}