FormData控制台打印为空及使用方法

Posted 2020-11-28 wonderlandlove

做数据交互，把数据添加到FormData后，用console.log打印，结果却是空的，后来看了一下数据库里面，
数据可以被添加进去，查阅百度之后，得知

FormData是一种特殊类型的对象，它不可字符串化，不能仅使用console.log打印出来。

如需要打印FormData中的某一条数据可以这样

<table>
   
        <tr>
          <td>商品名称</td>
          <td>
          <input type="text" v-model="name">
          </td>
        </tr>

         <tr>
          <td>价格</td>
          <td>
          <input type="text" v-model="price">
          </td>
        </tr>

          <td>
      //这个按钮是我用的一个样式插件
            <Button @click="submit">添加商品</Button>
          </td>
      </table>

 let data = new FormData()
      data.append(‘name‘,this.name)
      data.append(‘price‘,this.price)
      //根据name来访问表单中的字段
      console.log(‘这个数据‘,data.get("name"))

跟厉害的解答链接 https://www.cnblogs.com/gxp69/p/12192440.html