Mysql
 sql >> Database >  >> RDS >> Mysql

jQuery-Ajax funzione di recupero con classi e funzioni PHP

Dopo aver esaminato attentamente il codice. Sembra che ci siano diversi errori che devono essere corretti.

  1. Il js non è contenuto nella funzione jQuery ready
  2. Il valore del termine non viene recuperato correttamente
  3. Il metodo on non viene utilizzato correttamente
  4. La proprietà ajax 'url' deve essere minuscola
  5. Il tipo di dati deve essere html poiché il contenuto viene scritto direttamente nel DOM
  6. Il metodo di scrittura deve essere html() poiché il contenuto è HTML
  7. La pagina a cui si punta non era una pagina PHP e non era la pagina di ricerca corretta

Di seguito è riportata la soluzione a tutti questi problemi:

$(document).ready(function(){
    $('#searchsubmit').on("click", function(){
        // Get the value of the term field      
        var term = $('#term').val();
        // Proceed if the term is not empty
        if($.trim(term)!=''){           
            // Load the html result from the PHP script
            $.ajax({
                url: 'search.php',
                data: 'term='+term,
                type: 'POST',
                dataType: 'html',
                success: function(data){
                    // Place the HTML response into the search query div
                    $('#searchquery').html(data);
                }
            });
        }
    });
});