將數據發送到php（form method = post），然后將其發送回javascript

Question

我只需要有關我是否仍在正確道路上的指導，我正在學習Javascript。

因此，我有一個動態表單（輸入字段的數量根據幾個條件而有所不同），以后我需要重用其數據，因此，一旦提交表單，其數據就會發送到saveAnswers.php

的HTML

 <form action=saveAnswers.php method=POST>..</form> 

的PHP

<?php
    $answers = array();
    foreach ($_POST as $key_post => $value_post)
    {
        array_push($answers, $value_post); 
    }
    echo json_encode($answers);
?>

現在我的問題是如何將這些數據（$ answers）從PHP發送到javascript，我的php背景不復存在，這就是為什么我不使用原始php文件的原因。 我知道我需要通過AJAX來做到這一點。 如果我在Javascript中編寫函數，該如何調用它？ 當我單擊“提交答案”時，我進入了saveAnswers.php。有關該操作方法的任何准則或提示？

Answer 1

可以嘗試這個示例，我們在PHP中具有以下變量：

$name = 'Bob Marley';

我們希望將其傳遞給名為name的JavaScript變量

echo '<script>'; echo 'var name = ' . json_encode($name) . ';'; echo '</script>';

Answer 2

您可以使用jQuery：

var $form = $('form');
$form.submit(function() {
    // do POST ajax request
    $.post($form.attr('action'), data: $form.serialize(), function(data) {
        // data will be your $answers array from php
    }, 'json');
    return false; // prevent submitting of the form
});