How to put an echo json_encode passing a PHP function with javascript parameter?

Question

My question is this::

I have a php class that has a function that searches for an array of data and I put an echo json_encode that will then make the autocomplete work.
as follows:

<script>
	$(document).ready(function()
	{
	 	$.ajaxSetup({ cache: false });
	 $('#search').keyup(function()
	{	
		var searchField = $('#search').val();
		var a = $('#search').val();
		    if (!searchField){
		    	return;
		    }else
		    {
			    var expression = new RegExp(searchField, "i");
			    $.each(<?php echo json_encode($a->buscarArtistasBuscaPrincipal());?>, function(key, value)
			    {
				    if (value.nome.search(expression))
				    {
				       $('#result').append('....');
				    }

			    });
			} 
	 });
	});
</script>

Works normally! However I want to do different, I want to search not all table data but only words that correspond with what the person type, putting for example her in the class a select more so less: SELECT nome_artista, img_artista FROM artista where nome_artista like "."'%".$busca.
Instead of this variable $search will be passed the value that is inside the variable javascript searchField, which is what the person typed.
How do I pass this searchField value to $search variable?
I tried to do that:

$.each(<?php echo json_encode($a->buscarArtistasBuscaPrincipal("<script>document.write(searchField)</script>"));?>, function(key, value)

But it does not work, I know that PHP runs on the server and javascript does not, but there must be a solution for this. If anyone can help me I really appreciate!

Answer 1

Hello,

Well I believe that the best way to do what you want to do is by creating a PHP API that will display on the screen only the JSON of information obtained from the database, creating this API you will be able to define GET parameters of url, such as a limit on how many items you will search for in the bank, so after you have made the API that plays only JSON on the screen, you go to your page where you want to display the information and use the Jquery AJAX to access your API and get the JSON, and how you set GET parameters in your API as the limit you will be able to pass in your AJAX when getting the information how much limit you want it to be.

I believe this is the best way. If you want I can show you some examples, but they are great, try to do first!