How to Make HTTP Requests In React Native IOS application?

Question

fetch('http://119.9.52.47:3000/api/countries', {
       method: 'POST',
       headers: { 'Accept': 'application/json','Content-Type': 'application/json'},
   }).then((response) => response.json())
     .then((responseData) => {
           console.log(responseData);
       })

Here is my code . But that's not work.

In which info.plist file i have to add App Transport Security exceptions ? Because more info.plist files in application folder. — Saravana Kumar
– Saravana Kumar, Commented Mar 8, 2017 at 10:43
Search for AppName-Info.plist where AppName is the name of your app. — Nitesh Mishra
– Nitesh Mishra, Commented Mar 8, 2017 at 10:54
That's Not work @Nitesh Mishra , Network Request Failed issue come. — Saravana Kumar
– Saravana Kumar, Commented Mar 8, 2017 at 10:59
Have you created a webservice? if not then how would you post the data? — Nitesh Mishra
– Nitesh Mishra, Commented Mar 8, 2017 at 11:06

MoKhajavi75 · Accepted Answer · 2020-10-07 08:12:38Z

10

you can try like this for send data to server(POST)

let response = await fetch(
    'http://your_url', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        username: this.state.name,//data which u want to send
        password: this.state.password,
      })
  });
  let responseText = await response.text();
  if (response.status >= 200 && response.status < 300){
    Alert.alert('Server response', responseText)

  }
  else {
    let error = responseText;
    throw error
    //Alert.alert('Login', error)
  }
} catch(errors) {
  Alert.alert('Login', errors)

  Actions.Documents();
}

Edit: As latest iOS sdk enforces connection to be in https protocol instead of http.you can add an exception to your domain inside info.plist file of the Xcode project.

if you want to allow everything write this inside info.plist

<key>NSAppTransportSecurity</key>
<dict>
<key>NSExceptionDomains</key>
<dict>
    <key>yourdomain.com</key>
    <dict>
        <!--Include to allow subdomains-->
        <key>NSIncludesSubdomains</key>
        <true/>
        <!--Include to allow HTTP requests-->
        <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
        <true/>
        <!--Include to specify minimum TLS version-->
        <key>NSTemporaryExceptionMinimumTLSVersion</key>
        <string>TLSv1.1</string>
    </dict>
 </dict>
</dict>

for more info check this out https://stackoverflow.com/a/31623388/7604342

edited Oct 7, 2020 at 8:12

MoKhajavi75

2,7105 gold badges31 silver badges58 bronze badges

answered Mar 8, 2017 at 8:22

Nitesh Mishra

5741 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Saravana Kumar Over a year ago

There was a issue in " let responseText = await response.text(); " @Nitesh Mishra

Saravana Kumar Over a year ago

Error : Syntax Error " await " is the reserved word.

Nitesh Mishra Over a year ago

add this code where you want to call this like you can use it inside button press event. let me know if you get any error?

Saravana Kumar Over a year ago

Now also return same Error @ Nitesh Mishra Error : Syntax Error " await " is the reserved word.

Nitesh Mishra Over a year ago

Glad it helped :)

|

Andrey Patseiko · Accepted Answer · 2018-06-08 12:23:08Z

4

You can use normal fetch function, only add you http host into exception. In your XCode.

answered Jun 8, 2018 at 12:23

Andrey Patseiko

4,5952 gold badges30 silver badges29 bronze badges

Comments

Moti Azu · Accepted Answer · 2017-03-08 10:06:04Z

0

Quoting Network docs:

By default, iOS will block any request that's not encrypted using SSL. If you need to fetch from a cleartext URL (one that begins with http) you will first need to add an App Transport Security exception.

Your request is http, so you need to either add the address as an App Transport Security exception in your ios app, or use https.

answered Mar 8, 2017 at 10:06

Moti Azu

5,4521 gold badge25 silver badges33 bronze badges

3 Comments

Saravana Kumar Over a year ago

How to add the address to App Transport Security exception ? Could you please briefly explain? @Moti Azu

Manspof Over a year ago

I have the same issue. did you find solution?

roxxypoxxy Over a year ago

Edit in Info.plist

Govind29 · Accepted Answer · 2025-08-05 06:00:11Z

i was also facing this issue for the past 2 months. atlast we changed to https .

today too when i checked issue still there but i tried many steps and,
Fixed the issue now.
steps.
remove your existing http request checking code in info.plist
add this

<key>NSAppTransportSecurity</key>
<dict>
     <key>NSExceptionDomains</key>
     <dict>
         <key>NSExceptionAllowsInsecureHTTPLoads</key>
         <true/>
     <key>localhost</key>
     <dict>
         <key>NSExceptionAllowsInsecureHTTPLoads</key>
         <true/>
     </dict>
     </dict>
     <key>NSAllowsArbitraryLoads</key>
     <true/>
</dict>

then Xcode -> product -> Clean Build folder
then run the app in your iOS device.

Now we can run your http urls in your ios as you needed .

Collectives™ on Stack Overflow

How to Make HTTP Requests In React Native IOS application?

4 Answers 4

6 Comments

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related