React Native Requires Chilkat v11.0.0+

Example: Http.HttpJson method - Send a POST with JSON Body

See more HTTP Examples

Demonstrates how to call the HttpJson method, which sends an HTTP POST with a JSON body. This example sends the following request:

POST /echo_request_body.asp HTTP/1.1
Host: chilkatsoft.com
Accept: */*
Accept-Encoding: gzip
Content-Type: application/json
Content-Length: 26

{"greeting":"Hello World"}

Also see: Chilkat Http Default and Auto-Filled Headers

React Native

import { Http, HttpResponse, JsonObject } from '@chilkat/react-native'

async function chilkatExample() {
  const http = new Http();

  const json = new JsonObject();

  // Build the following JSON:  {"greeting":"Hello World"}
  json.updateString('greeting', 'Hello World');

  // This URL echoes the contents of the request body, letting us view it.
  const url = 'https://chilkatsoft.com/echo_request_body.asp';

  // Send a POST with the JSON in the HTTP request body.
  const resp = new HttpResponse();
  try {
    await http.httpJsonAsync('POST', url, json, 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  console.log(`Response Status Code: ${resp.statusCode}`);

  // Examine the request we sent.
  // The LastHeader property stores the HTTP request header of the most recent request sent,
  // and in this instance, the response body mirrors the request body.
  console.log(http.lastHeader);
  console.log(resp.bodyStr);

  // Output:

  // POST /echo_request_body.asp HTTP/1.1
  // Host: chilkatsoft.com
  // Accept: */*
  // Accept-Encoding: gzip
  // Content-Type: application/json
  // Content-Length: 26
  // 
  // {"greeting":"Hello World"}
}