Fetch запрос + jquery params ? (делать запрос на сервер)
Как сделать запрос чтобы отфильтровать данные через params: {} Есть url по которому я вывожу информацию (id, city) Как делать запрос с query params чтобы с не грузит сразу 100, а только те где города Kiev
<template>
<div>
<h2>Products</h2>
<div v-for="product in products" class="box">
<p>{{product.id}}</p>
<p>{{product.city}}</p>
</div>
</div>
data() {
return {
products: []
}
},
async mounted() {
const res=await fetch('https://burburbus.com.ua/api/temp')
const products=await res.json()
this.products = products.data
},
methods: {
filterProducts() {
this.products=this.products.filter(i=>i.data.city = 'Kiev')
}
}
Ответы (1 шт):
Автор решения: RavenTheX
→ Ссылка
В таком виде, но вообще советую подключить аксиос https://github.com/axios/axios
data() {
return {
products: []
}
},
async mounted() {
const res=await fetch('https://burburbus.com.ua/api/temp?city=kiev')
const products=await res.json()
this.products = products.data
},
methods: {
filterProducts() {
this.products=this.products.filter(i=>i.data.city = 'Kiev')
}
}