Javascript, AJAX получить содержимое MySQL в div

Question

Я хотел бы обменять данные из базы данных MySql с содержимым по умолчанию в одном или нескольких div без перезагрузки страницы. Я вставил PHP-код, используя javascript-поведение «set text of container» в Dreamweaver CS6 без успеха.

Если кто-нибудь может сказать мне, как это сделать, я был бы очень благодарен.

Answer 1

save your php code in a file named getinfo.php then call it with ajax 

<?php 
    include("connectdatabase.php"); 

    $sql="SELECT * FROM table ORDER BY id DESC"; 
    $result=mysqli_query($con,$sql); 

    $i = 1; 
    while ($row = $result->fetch_assoc()) { 
    echo "<tr>"; 
    echo "<td>" . $i . "</td>"; 
    echo "<td>" . $row["Name"] . "</td>"; 
    echo "<td>" . $row["Score"] . "</td>"; 
    echo "</tr>"; 
    $i++; 
    } 
    mysqli_close($con); 
?> 

В вашем главном файле используйте этот

<div class="scoreBoard"></div> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
    setInterval(refreshScoreBoard, 5000); 
    var inRequest = false; 
    function refreshScoreBoard() { 
    if (inRequest) { 
     return false; 
    } 
    inRequest = true; 
    var load = $.get('getinfo.php'); 
    $(".scoreBoard").html('Refreshing'); 
    load.error(function() { 
     console.log("Error"); 
     // do something here if request failed 
    }); 
    load.success(function(res) { 
     console.log("Success"); 
     $(".scoreBoard").html('<table>'+res+'</table>'); 
    }); 
    load.done(function() { 
     console.log("Completed"); 
     inRequest = false; 
    }); 
    } 
</script>