Use key existence for boolean parameter like ?foo

For example, use ?foo instead of ?foo=true.

I prefer this way because I don't need to waste time to think or trace the source code about whether it should be true or 1 or enable or yes or anything that beyond my imagination.

In the case of case sensitivity, should it be true or True or TRUE?

In the case of term stemming, should it be enable or enabled?

IMHO, the form of ?foo is the most elegant way to pass a boolean variable to server because there are only 2 state of it (exist or not exist), which is good for representing a boolean variable.

This is also how Elasticsearch implemented for boolean query parameter, for example:

GET _cat/master?v

Url are strings and all values in a URL are strings, all the params will be returned as strings.

it depends on how you interpret it in your code.

for the last one where c = true

you can do a JSON.parse(c)

which will change it to a boolean.

Also, you have to be careful not to pass it an empty string, if not it will throw an error.

I managed this with a custom function.

See browser compatibility here: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

function parseQuery(url = window.location.search) {
  const urlParams = new URLSearchParams(url);
  return Array.from(urlParams.keys()).reduce((acc, key) => {
    const value = urlParams.get(key);
    if (value) {
      switch (value) {
        case 'false': {
          acc[key] = false;
          break;
        }
        case 'true': {
          acc[key] = true;
          break;
        }
        case 'undefined': {
          acc[key] = undefined;
          break;
        }
        case 'null': {
          acc[key] = null;
          break;
        }
        default: {
          acc[key] = value;
        }
      }
    }
    return acc;
  }, {});
}

The function returns an object with all the parsed query parameters and fallback by default to the original value.

Or you can do this

const queryBool = unwrapTextBoolean({{{A_WAY_TO_GET_THAT_TEXT_BOOLEAN}}})
if(queryBool===null) {return;}
if(queryBool){
   /*true-based code*/
}else{
   /*false-based code*/
}

function unwrapTextBoolean(tB){
  if(tB === 'true') return true;
  if(tb === 'false') return false;
  return null;
}