使用 fetch() 或 XMR/any_other_type_of_ajax-request 将特定数据放入 ajax 请求中，就像在 jQuery ajax 中一样

Question

我有一个使用jQuery ajax()的简单请求

getJson() {
    $.ajax({
            url: 'http://api.rss2json.com/v1/api.json',
            method: 'GET',
            dataType: 'json',
            data: {
                rss_url: 'https://news.yandex.ru/sport.rss',
                api_key: 'lpdljjsrqnqsmtp0zqbngg0yjoeykl0iiw6f5lvnf',
                count: 15
            }
        })
        // other code
}

它是对服务的请求，它接受 rss（来自 rss_url）并返回 JSON。 一切都很好，但现在我必须在没有 jQuery 的情况下发出相同的 ajax 请求。 这个请求的所有参数都必须是这样的（因为服务只理解这些参数）。

我尝试使用fetch()做同样的事情：

getJson() {
    let url = 'http://api.rss2json.com/v1/api.json';
    let config = {
        method: 'GET',
        dataType: 'json',
        data: {
            'rss_url': 'https://news.yandex.ru/politics.rss',
            'api_key': 'lpdljjsrqnqsmtp0zqbngg0yjoeykl0iiw6f5lvnf',
            count: 15
        }
    }

    fetch(url, config)
        .then(response => {
            console.log(response);
        })
        .catch(error => {
            console.log(error);
        });
}

尝试使用XMLHttpRequest

  getJson() {
      let xhr = new XMLHttpRequest();
      let jsonData = JSON.stringify({
                rss_url: 'https://news.yandex.ru/politics.rss',
                api_key: 'lpdljjsrqnqsmtp0zqbngg0yjoeykl0iiw6f5lvnf',
                count: 15
      });
      xhr.open('GET', 'http://api.rss2json.com/v1/api.json', true);
      xhr.onreadystatechange = () => {
          xhr.onload = () => {
              if(xhr.status === 200) {
                  console.log(xhr.response);
              }
              else {
                  console.log('error ' + xhr.status);
              }
          };
          xhr.onerror = () => {
              console.log('Connection error');
          }
      };
      xhr.send(jsonData);

  }

结果 - 错误
{"status":"error","message":" rss_url参数是必需的"}

任何帮助将不胜感激。

Answer 1

如果您想对这些参数执行GET ，只需将它们放在您提供给fetch()或 XHR 的 URL 中：

let url = 'http://api.rss2json.com/v1/api.json?rss_url=https://news.yandex.ru/politics.rss&api_key=lpdljjsrqnqsmtp0zqbngg0yjoeykl0iiw6f5lvnf&count=15';