React Native

Keeping Query Params in a Hashtable

Demonstrates how to use a Chilkat Hashtable to hold query params and re-emit as a query param string.

Note: The ToQueryString method was added in Chilkat v9.5.0.92.

React Native

import { Hashtable, StringTable } from '@chilkat/react-native'

function chilkatExample() {
  const ht = new Hashtable();

  // Add name/value pairs from an existing query param string where the values are already URL encoded.
  let qp = 'txt=this%20is%20a%20test&color=blue&fruits=apples%26oranges';
  ht.addQueryParams(qp);

  // Add some additional name/value pairs.
  ht.addStr('name', 'Jack Sparrow');
  ht.addStr('movie', 'Pirates of the Carribean');

  // Iterate over the hash table to show what we have..

  const keys = new StringTable();
  ht.getKeys(keys);
  const numKeys = keys.count;
  let key = '';
  let val = '';
  let i = 0;
  while (i < numKeys) {
    key = keys.stringAt(i);
    val = ht.lookupStr(key);
    console.log(`${key} = ${val}`);
    i++;
  }

  // Output for the above loop:

  // color = blue
  // name = Jack Sparrow
  // fruits = apples&oranges
  // txt = this is a test
  // movie = Pirates of the Carribean

  // Get all name/value pairs as a query parm string with values URL encoded
  qp = ht.toQueryString();
  console.log(qp);

  // Result:
  // color=blue&name=Jack%20Sparrow&fruits=apples%26oranges&txt=this%20is%20a%20test&movie=Pirates%20of%20the%20Carribean
}