Ответы пользователя по тегу JavaScript
  • Как объединить два метода?

    shahob
    @shahob
    Программист
    <input type="file" accept="image/*" @change="handleChange($event)" id="file-input">
    <button v-on:click.prevent="handleSend">Отправить</button>

    new Vue({
        el: '#app',
        data: {
            name: 'John Doe',
            keywords: 'key',
            form: new FormData()
        },
        methods: {
            handleSend: function () {
                // upload image
                axios.put(
                    '/upload',
                    this.form, {
                        header: {
                            'Content-Type': 'image/png'
                        }
                    }
                ).then(response => {
                    console.log('image upload response > ', response);
                });
    
                // send form
                axios.post('/api/crud', {
                    name: this.name,
                    keywords: this.keywords,
                    title: this.name
                }).then(response => {
                    console.log(response);
                }).catch(error => {
                    console.log(error.response);
                });
    
            },
            handleChange: function (event) {
                this.form.append('name', 'my-picture');
                this.form.append('file', event.target.files[0]);
            },
        }
    });
    Ответ написан
    Комментировать
  • Как послать данные на сервер из формы в виде json?

    shahob
    @shahob
    Программист
    <form name="person">
      <input name="name" value="Иван">
      <input name="surname" value="Иванов">
    </form>


    var object = {};
    var formData = new FormData(document.forms.person);
    
    formData.forEach(function(value, key){
        object[key] = value;
    });
    var json = JSON.stringify(object);
    
    var xhr = new XMLHttpRequest();
    xhr.open("POST", '/submit', true)
    xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
    
    // Отсылаем объект в формате JSON и с Content-Type application/json
    xhr.send(json);
    Ответ написан
    9 комментариев