Вспоминая, что когда я впервые столкнулся с передним концом,Ajax
Встаньте на колени один раз, если вы действительно коснетесь его. Я не знал задней части в то время, я не зналapi
Что это такое, и нет бэкенд-партнера, чтобы написать мне интерфейс для тестирования.
В этой статье собраны некоторые из тех, что я использовалбесплатный онлайн интерфейс API, и вам не нужно решать междоменные проблемы.
Я надеюсь, что смогу изучить интерфейс белых людей, которые только начинаютAjax
оказать небольшую помощь.
Онлайн-интерфейсы, перечисленные в этой статье, включают:текста такжекартина.
В этом случае использованиеpostman
для тестирования, потому что мне лень писать свойAjax
код.
если вы хотите быть местнымСоздайте набор аналоговых интерфейсов за 30 секунд,Если тыне знаю бэкэнд,если тебе нужнонастроитьАдрес интерфейса и формат данных. Затем вы можете попробовать следовать этой статье, чтобы добиться:
«Локальный интерфейс данных «важный интерфейс» — json-сервер от входа до расширения»
Если эта статья была вам полезна, ставьте лайк 👍
1. Заполнитель {JSON}
"JSONPlaceholder"Предоставляет бесплатный API для тестирования.
JSONPlaceholder
Он очень прост в использовании и обеспечиваетGET
,POST
,PUT
,PATCH
,DELETE
Несколько методов запроса.
Он также предоставляет такие функции, как пейджинговый запрос и запрос определенного идентификатора.
Пример: Получить данные о 100 статьях (GET)
Возвращает 100 фрагментов данных, каждый с идентификатором сообщения, идентификатором постера, заголовком и введением.
http://jsonplaceholder.typicode.com/posts
Пример: получение данных статьи на основе идентификатора статьи (GET)
Согласно статьеID
Получить данные для указанной статьи.
Возвращает: идентификатор статьи, идентификатор постера, заголовок и содержание.
http://jsonplaceholder.typicode.com/posts/2
В этом примере входящий идентификатор равен 2, и возвращаются данные с идентификатором 2.
Пример: Добавить статью (POST)
использоватьPOST
Отправьте статью, в случае успешной отправки будет возвращен идентификатор статьи.
http://jsonplaceholder.typicode.com/posts
Другие интерфейсы (попробуйте сами)
Почтовый интерфейс:
- Получить список постов:jsonplaceholder.typicode.com/posts
- Получить детали на основе идентификатора сообщения:jsonplaceholder.typicode.com/posts/1
- Получить все сообщения пользователя:Заполнитель JSON. Та же партия oh.com/posts?user i…
- Получить все комментарии к посту:Заполнитель JSON. Та же партия oh.com/posts/1/com…
Интерфейс комментариев
- Получить список комментариев:jsonplaceholder.typicode.com/comments
- Получить все комментарии к посту:Заполнитель JSON. Тот же пакет oh.com/comments? Сломанный…
Интерфейс альбома:
- Получить список альбомов:jsonplaceholder.typicode.com/albums
- Получить подробности по ID альбома:jsonplaceholder.typicode.com/albums/6
- Получить все альбомы пользователя:Заполнитель JSON. Та же партия oh.com/albums?user…
Интерфейс дел:
- Получить список дел:jsonplaceholder.typicode.com/todos
- Получить подробности по идентификатору задачи:jsonplaceholder.typicode.com/todos/6
- Получить все задачи для пользователя:Заполнитель JSON. Та же партия oh.com/to DOS?user i…
Пользовательский интерфейс:
- Получить список пользователей:jsonplaceholder.typicode.com/users
- Получить детали на основе идентификатора пользователя:jsonplaceholder.typicode.com/users/5
Фото интерфейса:
- Получить список фотографий:jsonplaceholder.typicode.com/photos
- Узнать подробности по удостоверению личности с фотографией:jsonplaceholder.typicode.com/photos/8
2. Интерфейс благосостояния рабов кошек
«Cat API — кошки как услуга».Вернется изображение кота, что, безусловно, является преимуществом.
Посмотрите, как использовать"Документация", который включает в себя кошачьи «Поиск по породе», «Поиск по категории», «Поиск по страницам», «Загрузка изображения», «Анализ изображения» и другие интерфейсы, которые можно использовать для документов.
Пример: случайным образом получить 1 изображение кота (GET)
Каждый запрос вернет случайное изображение кота.
https://api.thecatapi.com/v1/images/search?limit=1
Использование других интерфейсов относительно просто,«Официальная документация»Все очень понятно, можете пользоваться самиpostman
Проверь это.
3. Интерфейс собаки
«Собачий API»Предоставили фотографию собаки, которую впервые увидели на главной странице официального сайта.api
Вы можете получить случайную фотографию собаки, что очень интересно.
Пример: случайным образом вернуть фотографию собаки (GET)
https://dog.ceo/api/breeds/image/random
Использование других интерфейсов также очень просто, подробнее см.«Официальные документы собаки»
4. Случайный интерфейс изображения
"Лорем Пиксум"Фотография может быть возвращена случайным образом, и размеры фотографии могут быть указаны.
Lorem Picsum
Предоставленный интерфейс возвращает ресурс изображения, и он возвращается случайным образом.
можно поставить прямо<img>
помеченsrc
используется в собственности.
Пример: возврат宽和高都是200px
изображение (ПОЛУЧИТЬ)
https://picsum.photos/200
Пример: Например, если вы хотите получить宽200,高300
изображение (ПОЛУЧИТЬ)
Если размеры ширины и высоты отличаются, вы можете задать их самостоятельно.
https://picsum.photos/200/300
5. Другие интерфейсы
Первые 4 — это тестовые платформы, которые я использую чаще всего, а следующие — те, которыми я пользуюсь меньше, но я знаю, что такое бывает. При необходимости вы можете протестировать его самостоятельно.
iQIYI-интерфейс
https://cache.video.iqiyi.com/jp/avlist/{片源id}/{页码}/
Пример: используйте идентификатор источника One Piece (GET)
https://cache.video.iqiyi.com/jp/avlist/202861101/1/
Как можно догадаться:
-
vpic
: Обложка каждой серии -
shortTitle
:Эпизод -
vt
: Название эпизода -
vid
: идентификатор видео -
vur
: Адрес воспроизведения видео
Остальные поля угадайте сами, мне лень~
Логистический интерфейс
http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号
Код курьерской компании:
-
СТО:
shentong
-
Скорая помощь:
ems
-
SF экспресс:
shunfeng
-
Юантун:
yuantong
-
Чжунтун:
zhongtong
-
Ритм:
yunda
-
день за днем:
tiantian
-
Хуйтонг:
huitongkuaidi
-
Все вершины:
quanfengkuaidi
-
Дебон:
debangwuliu
-
Доставка на дом:
zhaijisong
Интерфейс продукта Таобао
http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb
callback
это настройка функции обратного вызова