ボタンでクリックして編集可能なdivコンテンツをアレイ上に保存する方法

Question

htmlとphpを使用してWebページを作成しています。ここでいくつかの質問を表示し、ユーザーの回答を得たいと思っています。現在、

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

、私は私のページに次のdiv要素を持っているこの

<?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' 
    ) 
) 
?> 

ような配列で質問を持って言うことができますし、私はそれぞれを表示するために、以下のボタンとjsの関数を使用しますボタンクリックの質問。私の質問以下は

<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> 

、私はこの

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

などの編集可能なdiv要素を持っているし、私の質問は、私は彼に次の質問を表示する前に、次のボタンをクリックしたときに、各質問に対するユーザーの回答を格納する方法であるDIV私のデータベースにこれらの答えを保存するように？

ご意見をお寄せください。

ありがとうございました。

Answer 1

Javascriptは、ページをリロードせずに直接PHPサーバーに投稿できます。それはajax（純粋なjavascript）またはjquery ajaxを使用して行われます。