form表单，formdata对象，实现文件上传

form表单

1. action属性：提交表单时，向何处发送表单数据
2. target属性：在何处打开url

• _blank 在新窗口打开
• _self 在同一个窗口打开 默认
• _parent
• _top

3. method属性： 以何种方式把表单数据提交到 action url GET/POST

4. enctype属性： 发送表单数据之前如何对数据进行编码——主要用于上传图片（post请求）

• application/x-www-form-urlencoded 在发送前编码所有字符（默认）
• multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值
• text/plain 空格转换为 “+” 加号，但不对特殊字符编码。（很少用）

  <form action="/login"  method="get">
    <input type="text" name="email" id="">
    <br/>
    <input type="password" name="pass">
    <br/>
    <input type="submit" value="提交">
  </form>

form 只是用来获取数据 ajax发送请求
监听表单的提交事件：

  第一种
  $('#f1').submit(function(){
   
    alert('监听到表单的提交事件')
  })

  第二种
$('#f1').on('submit',function(e){
   
    alert('监听到表单的提交事件')
    // 阻止默认行为（默认提交）
    e.preventDefault()

    // 快速获取表单的值（不用再.value了）
    var data = $(this).serialize()
    console.log(data)
  })

FormData对象

为了方便表单处理，HTML5新增了一个FormData对象，可以模拟表单操作

// 1创建FormData对象
var fd = new FormData()
// 2 调用append函数,向fd中追加数据
fd.append('username',