javascript - VueJs how to send a post request with parameters? - Stack Overflow

I'm sending the request this way

this.$http.post('http://localhost:3000/store', {something: 'string'}, {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      }})

And if you look through the browser, the parameters look like this

enter image description here

in image i show object which look like ({"something":"string"}:)

Note that my object is the key of another object (If you use json.stringfy (), my object will still be the key of another object) Why did it happen and how to make a normal object?

I'm sending the request this way

this.$http.post('http://localhost:3000/store', {something: 'string'}, {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      }})

And if you look through the browser, the parameters look like this

enter image description here

in image i show object which look like ({"something":"string"}:)

Note that my object is the key of another object (If you use json.stringfy (), my object will still be the key of another object) Why did it happen and how to make a normal object?

• javascript
• post
• vuejs2

Share Improve this question Follow asked Jun 11, 2017 at 12:14 Nimble StalkerNimble Stalker 37355 silver badges1515 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

I think the best way to do this is create the object first.

var something = "key";
var obj = {};
obj[something] = 'string';

this.$http.post('http://localhost:3000/store', obj, {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
      }})

<script>

var mixin = {


        var url = 'http://localhost/vue/serv.php';
        this.$http.get(url, {params: {action: 'buscar', userid:'2'}, headers: {'X-Custom': '...'}}).then(response => {
            this.usuarios = response.body;
            console.log(response);
        }, response => {
            console.log(error);
        });
}    
    }


new Vue({
    el: '#resultado', 

    mixins: [mixin], 

    data:{
        titulo: "Vue lmideias",       
        usuarios: []        
    } 

});

</script>