Отправить форму в Quip API с помощью Axios - PullRequest
Новая
       20

Отправить форму в Quip API с помощью Axios

0 голосов
/ 13 июля 2020

Я хочу отправить данные формы в Quip Create Document API, используя vue. js и ax ios. Это то, что я пробовал до сих пор:

Форма: 

             <form @submit="saveToQuip" method="POST" action="./post-order.html"> 
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="checkout__input">
                                    <label>Receiver's Name<span>*</span></label>                                        
                                    <input type="text" name="First Name" v-model="fullname" required>
                                </div>
                            </div>
                        </div>
                        .....
            </form>

JS: 

new Vue({
  el: '#submit-order',
  data () {
    return {
      cartItems: [],
      fullname: '',
      facebookname: '',
      email: 'NONE',
      address: '',
      phone_number: '',
      payment_method: '',
      delivery_dtime: '',
      ordernotes: 'NONE'
    }
  },
  methods:{
    saveToQuip(submitEvent) {
     ......
        axios.post('where-to-send-form-data', {
          headers : {   
            Authorization: 'Bearer ' + personal_token,
            'Content-Type': content_type
            //Access-Control-Allow-Origin : *
          },
          params: {
            title: this.fullname,
            type: 'document',
            member_ids: folder_id,
            content: content
          }
        })
        .then((response) => {
          console.log(response)
        })  
        .catch(function (error) {
          console.log(error);   
        })  
        .then(function () { 

      });   ;
    }
  }
})

Когда я пытаюсь отправить свою форму, это происходит не запускать команду ax ios post, и в консоли нет ошибки. Он просто перенаправляет страницу на следующую страницу. Как мне этого добиться?

1 Ответ

0 голосов
/ 13 июля 2020

Удалите из формы и метод, и действие и активируйте действие с помощью кнопки 

<form @submit="saveToQuip" method="POST" action="./post-order.html">

на 

   <form>
   ...
     <button @click="saveToQuip()">SAVE</button>
...