Как отправить get запрос ajax?

187
03 апреля 2018, 01:28

Нужно отправить get запрос на url:

https://api.nametracker.com/v1/profile/{platform}/{nickname}

Как это сделать? Указать нужно платформу и никнейм

Answer 1
fetch(`https://api.nametracker.com/v1/profile/${platform}/${nickname}`)
  .then(response => response.json())
  .then(data => alert(data))
  .catch(alert => console.log(alert));
Answer 2

Советую вам ознакомиться для начала с учебным пособием Кантора и еще одну статью из учебника Кантора и еще здесь можно почитать про заголовки, в качестве примера привел доработанный код из его учебника.

var platform = 'Какое-то имя платформы'; 
var nickname = 'Какой-то ник'; 
var apiKey = 'какой-то ключ API'; 
var url = 'https://api.nametracker.com/v1/profile/' + platform + '/' + nickname //никнейм и платформа берутся из переменных, можно вставить и другими способами. 
 
var xhr = new XMLHttpRequest(); 
xhr.open('GET', url, false); //url используется здесь 
xhr.setRequestHeader('ApiKey', apiKey); //строка 'ApiKey' скорее всего должна называться по другому, посмотрите в документации. 
xhr.send(); 
if (xhr.status != 200) { 
  console.log(xhr.status + ': ' + xhr.statusText); 
} else { 
  console.log(xhr.responseText); 
}

Answer 3

Для того, чтобы отправить запрос с нужными параметрами, используй эту функцию, для того, чтобы построить URL с нужными параметрами:

function buildPathWithParams(path, params) { 
  if (!params) { 
   return path; 
  } 
 
  var matches = path.match(/{\w+}/g); 
 
  if (!matches) { 
    return path; 
  } 
 
  matches.forEach(match => { 
    var propName = match.replace(/({|})/g, ''); 
    path = path.replace(match, params[propName]); 
  }); 
 
  return path; 
} 
 
 
var result = buildPathWithParams('https://api.nametracker.com/v1/profile/{platform}/{nickname}', {platform: 'MyPlatform', nickname: 'MyNickname'}); 
 
console.log(result);

После делаешь обычный GET запрос, для примера оставлю ссылку на пример GET запроса на всякий случай https://learn.javascript.ru/ajax-xmlhttprequest

Answer 4
$.get('https://api.nametracker.com/v1/profile/{platform}/{nickname})
   .done(function(data) {
       console.log(data);
});
READ ALSO
Как перенести на новую строку в JS?

Как перенести на новую строку в JS?

Не как не могу сделать перенос строки\r\n <br/> все пробовали

280
Jquery удаление атрибута у класса при ширине

Jquery удаление атрибута у класса при ширине

У меня возникает проблема отключения collapse на кнопкахПри разрешении <=767px они отключаются удалением атрибута посредством JS, а условие того...

199
Адаптивное меню?

Адаптивное меню?

Подскажите пожалуйста, нужно чтобы по клику на элемент меню, открывалось sub-menuВложенность может быть и в 4 уровня

186
генератор из html pdf

генератор из html pdf

Всем приветПодскажите, пожалуйста, библиотеку генерации PDF файлов, которая может работать на *nix системах и "дружит" с php 7

221