Enviando um formulário, usando o Ajax, para executar uma consulta SQL Select com base na input do usuário do formulário

Estou criando um formulário na Web no meu site com WordPress, de modo que, ao inserir uma data e alguns limites superiores / inferiores nos campos fornecidos, ao enviar o formulário, a página consultará uma tabela MySQL, SELECIONE as linhas que se encheckboxm critérios e distribua esses valores em uma tabela na mesma página. Infelizmente, estou tendo dificuldade em entender o que fazer para obter o WordPress para executar esta tarefa aparentemente simples.

A partir da pesquisa que fiz até agora, três coisas são necessárias para consultar uma tabela SQL dentro de um WordPress:

  1. Um formulário, escrito em PHP, que reside no arquivo .php para o modelo da página
  2. Uma function que realmente executa a consulta SQL, adicionada ao arquivo functions.php do seu tema
  3. Um segmento do código Javascript para juntar as duas coisas acima

A página do site que configurei para testar este formulário é ” http://www.finstability.com/serch/ “. Aqui está o que fiz até agora:

Primeiro, o código do formulário:

Date:

Minimum MRI:

Maximum MRI:

Min. Market Cap:

Max. Market Cap:

Em segundo lugar, a function em functions.php:

 function mriSearch() { global $wpdb; echo "33333"; $inDate = $_POST['inDate']; $inMRILow = $_POST['inMRILow']; $inMRIHi = $_POST['inMRIHi']; $inMCapLow = $_POST['inMCapLow']; $inMCapHi = $_POST['inMCapHi']; $query = 'SELECT * FROM mri_sql_test WHERE Date = %s AND MRIScore >= %s AND MRIScore get_results( $wpdb->prepare($query, $inDate, $inMRILow, $inMRIHi) ); echo $results; die(); } add_action( 'wp_ajax_mriSearch', 'mriSearch' ); //If called from admin panel add_action( 'wp_ajax_nopriv_mriSearch', 'mriSearch' ); //If called by non-user 

Em terceiro lugar, a seqüência de JavaScript para amarrar os dois acima. Esta é a parte que eu estou tendo o maior problema para entender, como eu tenho -0- conhecimento prévio do Javascript:

  (function($){ // get our references var $form = $('form.MRISerch'), $inDate = $('#inDate'), $results = $('#search_results'); // AJAX search call function do_search() { // grab the query value from the search field var search_text = $search_field.val(); // do a POST ajax call $.ajax({ type: "POST", url: '', data: ({ action: "mriSearch", search_text: search_text }), success: function (response){ console.log(response); $results.html(response); } }); } // on submit, do the search but return false to stop page refresh $form.submit(function(e) { do_search(); return false; }); })(jQuery);  

A maior parte do que consegui juntar até agora, aprendi com os exemplos semelhantes, como este . Se alguém me fornecer uma explicação gentilmente, idealmente com um código de exemplo que eu possa copiar e modificar, para qualquer coisa que esteja faltando para completar esta tarefa, ficaria muito agradecido.

Para referência, clicar no botão Enviar na página acima vinculada atualmente apenas faz com que a página recarregue e adicione um monte de hash ao endereço http, o que implicou que a consulta SQL no segundo bloco de código provavelmente não está sendo executada .

Solutions Collecting From Web of "Enviando um formulário, usando o Ajax, para executar uma consulta SQL Select com base na input do usuário do formulário"