Форум программистов, компьютерный форум, киберфорум
JavaScript: ReactJS
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 29.11.2017
Сообщений: 86
1

Вернуть JSON с localhost

27.03.2020, 20:32. Просмотров 209. Ответов 0
Метки нет (Все метки)


как вернуть json из http://localhost:8080/car
JSON
1
[{"idCar":95,"modelCar":"Рено","vin":"951753264","number":"7722ОО2","author":{"id":93,"username":"1","password":"1","active":true,"roles":["USER"],"enabled":true,"accountNonExpired":true,"credentialsNonExpired":true,"authorities":["USER"],"accountNonLocked":true}},{"idCar":96,"modelCar":"КИЯ","vin":"258963147","number":"1889KO6","author":{"id":93,"username":"1","password":"1","active":true,"roles":["USER"],"enabled":true,"accountNonExpired":true,"credentialsNonExpired":true,"authorities":["USER"],"accountNonLocked":true}},{"idCar":94,"modelCar":"Пежо","vin":"987456321","number":"1111EE55","author":{"id":93,"username":"1","password":"1","active":true,"roles":["USER"],"enabled":true,"accountNonExpired":true,"credentialsNonExpired":true,"authorities":["USER"],"accountNonLocked":true}}]
и
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
class MyComponent extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                error: null,
                isLoaded: false,
                items: []
            };
        }
 
        componentDidMount() {
            fetch("http://localhost:8080/car")
                .then(res => res.json())
                .then(
                    (result) => {
                        this.setState({
                            isLoaded: true,
                            items: result.items
                        });
                    },
                    // Примечание: важно обрабатывать ошибки именно здесь, а не в блоке catch(),
                    // чтобы не перехватывать исключения из ошибок в самих компонентах.
                    (error) => {
                        this.setState({
                            isLoaded: true,
                            error
                        });
                    }
                )
        }
 
        render() {
            const { error, isLoaded, items } = this.state;
            console.log(items);
            if (error) {
                return <div>Ошибка: {error.message}</div>;
            } else if (!isLoaded) {
                return <div>Загрузка...</div>;
            } else {
                return (
                    <ul>
                        {items.map(item => (
                            <li key={item.idCar}>
                                {item.idCar}
                                {item.modelCar}
                            </li>
                        ))}
                    </ul>
                );
            }
        }
    }
 
 
    const rootElement = document.getElementById("root");
    ReactDOM.render(<MyComponent/>, rootElement);

Возвращает "Ошибка: Failed to fetch" и в консоле
Acces to fetch at 'http://localhost:8080/car' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
27.03.2020, 20:32
Ответы с готовыми решениями:

Вернуть в Ajax-success $json из другого $json
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть код: &lt;?php $json...

Вернуть в Ajax-success $json из другого $json
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть код: &lt;?php ...

Разместил файлы Angular-2 на хостинге не работает http://localhost (json server)
Всем привет! Разместил проект по Angular 2 на сайте. Репозиторий проекта на GitHub:...

Вернуть из JSON словарь
Создаю словарь, сохраняю в json формат, как обратно из него вытащить этот же словарь не пойму. {&quot;...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.03.2020, 20:32

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

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

Вернуть json с внешнего сайта
Здраствуйте На внешнем сайте есть json www.site.ru/string.json Пытался через ajax с...

Вернуть json данные php - ajax
Я взял рабочий js файл, там есть функция выполняющая ajax запрос: function...

Как вернуть ответ в JSON формате
Всем привет я написал проект. Который возвращает инфу о домене. Так вот он у меня его возвращает...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.