UI Search returns Bad Request Error in JavaScript

Question

I am trying to search for something like this in my UI {"attribute":"country","name":"United States"} and have it return display this:

id:c78980559a3450f400e07
attribute:country
name:United States
properties:
 type:account

But when I paste in the query, nothing is returned. And when I check my console.log, I see bad request error

This is the code that handles this:

const queryData = document.getElementById("queryData");

queryData.addEventListener("change", (event) =>
  GetData(
    `http://pip:8000/v1/data?q==:${encodeURIComponent(
      event.target.value
    )}`
  )
);