将数据发送到php(form-method=post),然后将其发送回javascript


Send data to php (form method=post) and then send it back to javascript

我只需要指导我是否仍在正确的道路上,我目前正在学习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关于如何做到这一点,有什么指导方针或技巧吗?

您可以使用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
});

可以试试这个例子我们在PHP中有以下变量:

$name = 'Bob Marley';

我们想把它传递给一个名为的JavaScript变量

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