Vue Фильтрация объектов JSON, когда API имеет ограниченное количество элементов

Question

Vue Фильтрация объектов JSON, когда API имеет ограниченное количество элементов

1

Я вытягиваю объект JSON из API с ограниченным количеством в 200. В настоящее время мы делаем первые 200 следующим образом:

https://testapi.com/posts.json

Мы используем нумерацию страниц в этом приложении с 10 постами на странице. Поэтому, как только мы перейдем на страницу 20, URL API изменится на это:

 https://testapi.com/posts-2.json

Таким образом, мы потянем следующие 200 постов. Проблема, с которой я столкнулся, - это лучший способ настроить ее так, чтобы она отбирала сообщения при использовании метода фильтрации. Таким образом, для пользователя есть входные данные фильтрации, и при их выборе метод JS-фильтра запускается для объекта JSON. Однако я не уверен, как запрограммировать приложение для одновременной фильтрации по нескольким URL-адресам API и объединения результатов для отображения отфильтрованного списка сообщений.

Я использую Axios, чтобы получить данные из API.

Logan C 04 нояб. 2018, в 19:04

Источник

0

не могли бы вы поделиться с вами каким-то проверенным кодом?
Boussadjra Brahim 04 нояб. 2018, в 17:24
0

Вы в порядке с предложениями других служб в ответе. Или невозможно изменить услуги сейчас
Kitanga Nday 04 нояб. 2018, в 17:38
0

Вы не сможете выполнять фильтрацию на стороне клиента, если у вашего клиента не все данные. Если у вас так много записей, что необходимо разбить данные на страницы, вам нужно будет заставить свой JSON API принимать параметры фильтра, и ваша база данных будет выполнять фильтрацию вместо клиента. Это похоже на то, как когда вы что-то гуглите, отправляете запрос в гугл с поисковым запросом, и они выполняют фильтрацию, ваш браузер не загружает терабайты результатов поиска для выполнения поиска.
Nate 04 нояб. 2018, в 19:52

Показать ещё 1 комментарий

Теги:

javascript

json

filtering

axios

api

1 ответ

Ещё вопросы

не могли бы вы поделиться с вами каким-то проверенным кодом?
Вы в порядке с предложениями других служб в ответе. Или невозможно изменить услуги сейчас
Вы не сможете выполнять фильтрацию на стороне клиента, если у вашего клиента не все данные. Если у вас так много записей, что необходимо разбить данные на страницы, вам нужно будет заставить свой JSON API принимать параметры фильтра, и ваша база данных будет выполнять фильтрацию вместо клиента. Это похоже на то, как когда вы что-то гуглите, отправляете запрос в гугл с поисковым запросом, и они выполняют фильтрацию, ваш браузер не загружает терабайты результатов поиска для выполнения поиска.

Kitanga Nday · Answer 1 · 2018-11-04T16-15-00.000Z

Вы можете использовать Firebase Realtime, который позволяет вам импортировать вашу базу данных в виде файлов JSON. Вы можете извлекать сообщения, используя их JavaScriptSDK (который также поддерживает разбиение на страницы с самого начала):

db.ref('posts').startAt(0).endAt(100)

Это вернет ваши первые 100 сообщений.

Вы также можете фильтровать очень легко. Вот пример получения самых просматриваемых постов:

var mostViewedPosts = db.ref('posts').orderByChild('metrics/views');