Wie man editierbaren div Inhalt in Array auf Knopfdruck speichert

Question

Ich erstelle eine Webseite, HTML und PHP, wo ich einige Fragen anzeigen und die Antworten des Benutzers erhalten möchte. Derzeit kann sagen, ich habe die Fragen in einem Array wie diese

<?php 
$questions = array(
    '0' => array(
     'id'=>1, 
     'q'=>'Test1' 
    ), 
    '1' => array(
     'id'=>2, 
     'q'=>'Test2' 
    ), 
    '2' => array(
     'id'=>3, 
     'q'=>'Test3' 
    ), 
    '3' => array(
     'id'=>4, 
     'q'=>'Test4' 
    ), 
    '4' => array(
     'id'=>5, 
     'q'=>'Test5' 
    ) 
) 
?> 

ich folgende div in meiner Seite habe,

<div class="question"> 
    <h5 id="quest"> 
     <?php echo $questions[0]['q']; ?> 
    </h5> 
</div> 

und ich verwende die folgenden Button und js-Funktion, um jeweils anzuzeigen Frage zum Klick auf die Schaltfläche.

<button onclick="javascript:SwapDivs()"> 
    Next 
</button> 

<script> 
var count = 1; 
function SwapDivs() { 
    var questions = <?php echo json_encode($questions); ?>; 
    $(document).ready(function() { 
     $("h5#quest").html(questions[count]['q']); 
     count++; 
    }); 
} 
</script> 

Im Folgenden meine Fragen div habe ich eine editierbare div wie diese

<div class="editable" contenteditable="true" data-text="Write your answer."></div> 

und meine Frage ist, wie kann ich Antwort von Benutzern speichert für jede Frage auf klicken Sie auf Weiter, bevor er die nächste Frage zeigt, um diese Antworten in meiner Datenbank zu speichern?

Alle Vorschläge werden geschätzt.

Danke.

Answer 1

Javascript kann direkt auf Ihren PHP-Server posten, ohne die Seite neu laden zu müssen. Es ist mit ajax (reines javascript) oder jquery ajax getan.