使用VUE2模拟帖子表单

时间:2018-03-04 21:10:49

标签: jquery post vue.js

我尝试在表示以下内容的表单中模拟发布数据:

<form id="new-order-form" action="https://sample.url" method="POST">
  <input name="pId" type="text" value="pId" />
  <input name="pPrice" type="text" value="pPrice" />
  <input name="pWallet" type="text" value="pWallet" />
  <input name="pAmount" type="text" value="pAmount" />
  <button type="submit">send</button>
</form>

不幸的是,我也无法通过重定向模拟它。

我试试:

<form id="new-order-form" :action="payUrl" method="POST">
  <input name="pId" type="text" :value="pId" />
  <input name="pPrice" type="text" :value="pPrice" />
  <input name="pWallet" type="text" :value="pWallet" />
  <input name="pAmount" type="text" :value="pAmount" />
  <button type="submit">send</button>
</form>

然后使用jQuery分配值和触发:$('#new-order-form').submit()

第二个选项是formData,但我无法重定向。

我试试:

var formData = new FormData()
formData.append('pId', this.identification)
formData.append('pPrice', this.price)
formData.append('pWallet', this.ethWallet)
formData.append('pAmount', this.investAmount)
this.$http.post(this.payUrl, formData)

最有效的方法是什么?哪个可以以最接近的方式模拟POST表单?

0 个答案:

没有答案