Parse URL query strings with Cloudflare Workers

Developers Cloudflare Workers
1

Again, something simple that could be handy in many scenarios.

addEventListener('fetch', event => {
	event.passThroughOnException() // Optional; you know best
	event.respondWith(handleRequest(event.request))
})

/**
 * Fetch and log a given request object
 * @param {Request} request
 */
async function handleRequest(request) {
	const url = request.url

	// Function to parse query strings
	function getParameterByName(name) {
		name = name.replace(/[\[\]]/g, '\\$&')
		name = name.replace(/\//g, '')
		var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
			results = regex.exec(url)

		if (!results) return null
		else if (!results[2]) return ''
		else if (results[2]) {
			results[2] = results[2].replace(/\//g, '')
		}
		
		return decodeURIComponent(results[2].replace(/\+/g, ' '));
	}

	// Usage example
	var test = getParameterByName('test')
	console.log(test)

	// Do your work
	// ...

	// Send on the response
	const response = await fetch(request)
	return response
}
3 Likes
2

Iā€™m using the following method

async function handleRequest(request) {
  const params = {}
  const url = new URL(request.url)
  const queryString = url.search.slice(1).split('&')

  queryString.forEach(item => {
    const kv = item.split('=')
    if (kv[0]) params[kv[0]] = kv[1] || true
  })

  console.log(JSON.stringify(params))
  return new Response(JSON.stringify(params))

It allows looking up query string parameters via params.name
Anything wrong with that?

3

This can be simplified further:

async function handleRequest(request) {
  const { searchParams } = new URL(request.url)
  let name = searchParams.get('name')
  console.log(name)
}
30 Likes