Display Json in search field in laravel or php

Question

I need to display the search value in the search bar.

My controller code:

$q = Input::get('q'); $query = Jobs::select('job_title')->Where('job_title', 'LIKE', '%'.$q.'%')->get(); return response()->json($query); 

My jquery axiom code is:

  $(document).ready(function(){ $("#jobsearch").keyup(function(){ url = "{{route('searchexistingjob')}}"; var word = $("#jobsearch").val(); const data = { 'q' : word } axios.post(url,data).then(response =>{ for(i=0; i<response.data.length; i++){ // $('#jobsearch').val(response.data[i].value); }); }); }); 

HTML code

 <input type="text" id="txtjobsearch" name="txtjobsearch" class="form-control" placeholder="Job title, designation, description..." autocomplete="off" data-id="1"> 

everything is correct, but I need how to display this value in the search box any ideas?

Answer 1

If you can change the response format

 $q = Input::get('q'); $query = Jobs::select('job_title')->Where('job_title', 'LIKE', '%'.$q.'%')->get(); return response()->json([ search_terms => $q, results => $query, ]); 

Or, as you use ajax, you already have a search query:

So, instead of:

 $('#jobsearch').val(response.data[i].value); 

You will use:

 $('#jobsearch').val(word); 

Or just delete the line and leave what is already typed.