Sending URL Query String through Vue / Axios

Question

I'm pretty new to Vue / Axios.

What I'm trying to do is send the query string through to an email using Axios. The Query string is set from Google Adwords.

http://website.co.uk/page.php?keyword=jh%20page&gclid=XXIaIZobFhEInb6zoDyH3AIViwDTCh1yawIPFYTAYASRAEgIJH_D_BwE

My current vue code

const app = new Vue({
    el: '#app',
    data() {
        return {
            step: 1,
            counter: 0,
            tagName: null,
            debt: {
                name: null,
                email: null,
                tel: null
            }
        }
    },
    methods: {
        prev() {
            this.step--;
        },
        next() {
            this.step++;
        },
        submit() {
            axios.post('post.php', {
                'name': this.debt.name,
                'email': this.debt.email,
                'tel': this.debt.tel
            }).then(response => {
                console.log('success', response.data.message)
            }).catch(error => {
                console.log(error.response)
            });
        }
    }
});

Hopefully, someone can help push me in the right direction. Please let me know if you need any other information.

Thanks, J.

what error are you getting?

Trevor V
– Trevor V

2018-07-04 15:05:00 +00:00
Commented Jul 4, 2018 at 15:05 — Trevor V
– Trevor V, Commented Jul 4, 2018 at 15:05
Why not just sending name,email,tel,querystring

ESP32
– ESP32

2018-07-04 16:39:11 +00:00
Commented Jul 4, 2018 at 16:39 — ESP32
– ESP32, Commented Jul 4, 2018 at 16:39

Ryan C · Accepted Answer · 2018-07-05 17:47:03Z

4

If you are asking how to set a query string with axios it is set in the request config as params.

axios.request('/post.php', {
  method: 'post',
  params: {
    test: '321',
  },
});

answered Jul 5, 2018 at 17:47

Ryan C

4262 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Henshall Over a year ago

thanks, What im looking to do it get the Query String from the URL and then send it to an email using Axios. Do you know how I would do that?

Ryan C Over a year ago

There are a number of ways to parse the query string, one way is to use URLSearchParams

Collectives™ on Stack Overflow

Sending URL Query String through Vue / Axios

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related