Как использовать axios для выборки данных вместо jQuery?

Я новичок в axios, и мне нужно спросить, в чем разница между использованием jQuery ajax и axios.

По jquery я часто использую вот так:

d.init = function() {
        var urload = 'http://fashionablebloggertemplate.blogspot.com/feeds/posts/default?alt=json-in-script';
        $.when(
            $.ajax({
                type: 'POST',
                url: urload,
                context: this,
                contentType: "application/json",
                dataType: 'jsonp',
                success: function(data) {
                    //dataget here
                }
            });
        }

но в axios я использую такой же код, как ниже, появляется ошибка: No 'Access-Control-Allow-Origin' header is present on the requested resource, хотя он хорошо работает с jQuery ajax для разных доменов и локальных.

state = {
        dataposts: []
    }
    componentDidMount() {
      axios.get(`http://fashionablebloggertemplate.blogspot.com/feeds/posts/default?alt=json-in-script`)
        .then(res => {
          const dataposts = res.data;
          this.setState({ dataposts });
        })
    }

Может кто мне объяснит и как заставить работать?

Вы можете найти подобное обсуждение здесь для ссылки stackoverflow.com/questions/43471288/…

Diljohn5741 26.10.2018 10:34

Axios не имеет вспомогательных функций для выполнения запросов JSONP. Если вы хотите использовать JSONP и не хотите использовать jQuery, вам нужно будет сделать запрос вручную или найти другую библиотеку. Axios тебе не поможет.

Quentin 26.10.2018 10:40

@ Квентин, спасибо. Это полезно

Hai Tien 26.10.2018 10:41

@ Diljohn5741 спасибо. Это полезно

Hai Tien 26.10.2018 10:41

@ AJC24 - они не отправляют запрос POST с помощью jQuery. Он установлен на dataType: 'jsonp', что заставляет его GET, несмотря на то, что говорит type (contentType также игнорируется).

Quentin 26.10.2018 10:42
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
5
32
0

Другие вопросы по теме