Make a search form to search with http api

Question

i am new to this matter. I am trying to create a search form, that allows searching a database via http api and display the result on a website. The call requires authorization:

$headers = array ('headers' => array( 
                  'Authorization' =>       'bearer' . $token  ,
                  'Content-type'  =>       'application/json',
                  'Accept'        =>       'application/json'));

My search form looks like this:

<form method="GET" accept="application/json" action="https://example.xx/api/v1/products?page=1&size=5&direction=asc&search=value">
  <input type="text" name="search" size="40" maxlength="256" value="" placeholder="testsearch">
  <input type="submit" name="search_button" value="Search">
</form>

When i enter something into the input field and hit the submit button, the browser displays:

{"error":"unauthorized","error_description":"Full authentication is required to access this resource"}

And in the browsers address field i see:

https://example.xx/api/v1/products?search=testvalue&search_button=Search

Obviously the authorisation is ignored and the url shows that i have left my website.

Do i have to make this work with an action="somephp.php"? How can i authorize the call from the form and display the response in a website? Hints much appreciated. theo

timholz · Accepted Answer · 2017-02-22 15:19:16Z

1

Thanks to the german wordpress forum, i found the answer – The Form:

<form method="post" id="api-result-searchform" action="">
    <input type="text" class="search" placeholder="<?php echo esc_attr_x( 'Author?', 'placeholder' ) ?>" value="" name="searchauthor" id="s" title="api-search" />
    <input class="button"type="submit" name="search_button" value="Search">
</form>

And the call:

<?php
    $searchterm = $_POST['searchauthor'];
    $url = 'https://example.de/api/v1/product?search=ti=' . $searchterm;
    $response = wp_remote_get($url, $headers);
    //etc.

This works well.

answered Feb 22, 2017 at 15:19

timholz

5201 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Make a search form to search with http api

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related