Fetching data using API in react.js

Asked Nov 27 '19 at 06:14

Active Nov 29 '19 at 09:59

Viewed 225 times

I am trying to fetch data using API in react.js. My code is like below

import Axios from 'axios';

export const getCountry = () => dispatch => {
  return Axios.get('http://treeoverflow.com/api/country/listing/true/111111111111222222222222333333333333444444444444', { crossdomain: true })
  .then(response => {
    console.log(response.data);
    var countryData = response.data;
    dispatch({
      type: 'getCountries',
      payload: countryData
    });
  })
  .catch(function(error) {
    console.log('hello');
    dispatch({
      type: 'getCountryError',
      payload: error
    });
  });
};

export default { getCountry };

I getting below view in Network tab.

But I am not getting result. Is there any issue in this URL 'http://treeoverflow.com/api/country/listing/true/111111111111222222222222333333333333444444444444' ?

edited Nov 27 '19 at 06:36

asked Nov 27 '19 at 06:14

abu abu

6,599
19
74
131

1

what is the error coming? – Shubham Verma Nov 27 '19 at 06:18
1

did you try set header for your request? as second param try set {'Content-Type': 'application/json'} – Ehsan Sadeghi Nov 27 '19 at 06:20
@ShubhamVerma Thanks for your reply. I am getting result of `console.log('hello');`. – abu abu Nov 27 '19 at 06:20
@EhsanSadeghi, I am getting same output using your solution. Thanks. – abu abu Nov 27 '19 at 06:23
1

what is value of error in catch? – Amit Chauhan Nov 27 '19 at 06:24
1

tried with different link and is working well – emzki Nov 27 '19 at 06:26
@eramit2010, I am getting this error `Error: "Network Error" createError createError.js:17 handleError xhr.js:80` – abu abu Nov 27 '19 at 06:27
@emaan14, is there any issue with that URL ? – abu abu Nov 27 '19 at 06:27
1

[https://stackoverflow.com/questions/47630163/axios-post-request-to-send-form-data](https://stackoverflow.com/questions/47630163/axios-post-request-to-send-form-data) it may helps – Srikanth Gowda Nov 27 '19 at 06:29
@SrikanthGowda, Could you please explain a bit more ? – abu abu Nov 27 '19 at 06:31
1

Have you tried to check the network tab in your browser to see if any http error codes are popping up ? – Muljayan Nov 27 '19 at 06:31
@Muljayan, I am getting this error `Error: "Network Error" createError createError.js:17 handleError xhr.js:80`.Thanks – abu abu Nov 27 '19 at 06:34
I don't know why this is happening but I've searched and found this, it may help you,https://stackoverflow.com/questions/45980173/react-axios-network-error – Ehsan Sadeghi Nov 27 '19 at 06:49
1

check networks in your browser. not the console. – Muljayan Nov 27 '19 at 07:49
1

@abuabu your code is okay , actually problem with your requested api url. they blocked sever side execution .... discuss with them. – Minar Mnr Nov 27 '19 at 07:50
@Muljayan, How to check networks in browser ? – abu abu Nov 27 '19 at 08:35
1

right click, inspect element and there you have a tab called network – Muljayan Nov 27 '19 at 08:40

Fetching data using API in react.js

0 Answers0