jQuery ajax Anfrage nach Daten aus einer Datenbank funktioniert nicht

Question

Ich habe versucht, Daten aus meiner Datenbank mit jquery Ajax zu bekommen. Dies ist der Code:

<script> 
$(document).ready(function(){ 
function fetch_data(){ 
$.ajax({ 
type:"POST", 
url:"http://localhost:88/phpPoint/select.php", 
success:function(response){$("#livedata").html(response);} 
}); 
} 
fetch_data(); 
/*$(document).on("click","#btnadd",function(){ 
    var firstname=$("#firstname").text(); 
    var lastname=$("#lastname").text(); 
    if(firstname==''){ 
     alert("enter first name"); 
     return false; 
    } 
    if(lastname==''){ 
     alert("enter last name"); 
     return false; 
    } 
    $.ajax({ 
     type:"post", 
     url:"insert.php", 
     data:{firstname:firstname,lastname:lastname}, 
     dataType:"text", 
     success:function(data){alert(data); 
     fetch_data();} 

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

aber ich habe nicht die Daten. Es zeigt eine leere Seite an. der PHP-Code, der die Daten abruft ist:

<?php 
$connect=mysqli_connect("localhost","root","***********","mydbrun"); 
$output=$row=""; 
$sql="SELECT * FROM tblsample ORDER BY id DESC"; 
$result=mysqli_query($connect,$sql); 
$output.="<div class='table-responsive'> 
     <table class='table table-bordered'> 
     <tr> 
     <th style='width:10%'>Id</th> 
     <th style='width:40%'>Firstname</th> 
     <th style='width:40%'>Lastname</th> 
     <th style='width:10%'>Delete</th> 
     </tr>"; 
     if(mysqli_num_rows($result)>0){ 
      while($row=mysqli_fetch_array($result)) 
      { 
       $output.="<td>".$row['id']."</td> 
       <td class='firstname' data-id1='".$row['id']."' contenteditable>".$row['firstname']."</td> 
       <td class='lastname' data-id2='".$row['id']."' contenteditable>".$row['lastname']."</td> 
       <td><button name='btndelete' id='btndelete' data-id3='".$row['id']."'>x</button></td>"; 
      } 
      $output.="<tr> 
         <td></td> 
        <td id='firstname' contenteditable></td> 
        <td id='lastname' contenteditable></td> 
     <td><button id='btnadd' name='btnadd' class='btn btn-success'>+</button></td></tr>"; } 
     else{ 
     $output.="<tr><td colspan='4'>Data Not Found</td></tr>";  
     } 
$output.="</table> 
</div>"; 
?> 

ich weiß nicht, warum die keine Daten, die zeigen, wenn meine ‚tblsample‘ Tabelle in meiner Datenbank ‚mydbrun‘ hat 2 entries.i möchte meine Ausgabe in ein anzuzeigen div-Element, dessen ID "Livedata" ist. Ich verwende html5 Attribut contenteditable, verursacht es ein Problem? Ich habe diesen Code von irgendwo kopiert und ich weiß nicht, was das Attribut 'Daten-ID1', 'Daten-ID2' bedeutet. PLZ Hilfe. Danke im Voraus :) .

Answer 1

Ihre URL ist nicht alles Rückkehr ..

print_r(json_encode($output)) 

am Ende .of Ihre PHP-Datei.

und fügen Sie dataType:'json' in Ihrem Ajax hinzu.