cargar un archivo de consulta php en una página de índice html utilizando ajax o jquery

index.html

       $(function() { $(".search_button").click(function() { // getting the value that user typed var searchString = $("#search_box").val(); // forming the queryString var data = 'search='+ searchString; // if searchString is not empty if(searchString) { // ajax call $.ajax({ type: "POST", url: "query.php", data: data, beforeSend: function(html) { // this happens before actual $("#results").html(''); $("#searchresults").show(); $(".word").html(searchString); }, success: function(html) { // this happens after we get results $("#results").show(); $("#results").append(html); } }); } return false; }); $(document).ready(function{ $.ajax({ url: "query.php" }).done(function(data) { $('body').html(data); }); }); });   $(document).ready(function() { $.ajax({ type: "POST", url: "query.php", dataType: "text", data: dataString, success: function (response) { alert(response); //alert responce from query.php }, error:function (xhr, ajaxOptions, thrownError) { alert(xhr); } }); });    

query.php

Persons

ID First Name Last Name Age Hometown Job

Soy nuevo en javascript, jquery y ajax y me gustaría recibir ayuda para modificar el código anterior, de modo que cuando se cargue la página, pueda ver los resultados de una consulta php / mysql llamada ‘query.php’ en el archivo de índice de mi página html. Cualquier ayuda será apreciada.

 $(document).ready(function() { jQuery.ajax({ type: "POST", // this is post request u can also do get request url: "query.php", dataType: "text", success: function (response) // this is the response from url: "query.php", { alert(response); //alert responce from query.php and here you can do // whatever u like with response. }, error:function (xhr, ajaxOptions, thrownError) { alert(xhr); // if any error function. } }); }); 

Usa AJAX en tu index.html esta manera:

 $(document).ready(function{ $.ajax({ url: "query.php" }).done(function(data) { $('body').html(data); }); }); 

Más información sobre AJAX.

Asegúrese de haber incluido jQuery en su código.