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

时间:2016-07-21 14:09:15

标签: javascript php ajax

我只需要指导我是否还在正确的道路上,我目前正在学习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 关于如何做的任何指导或提示?

2 个答案:

答案 0 :(得分:0)

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

$name = 'Bob Marley';

我们希望将其传递给名为name

的JavaScript变量
echo '<script>'; echo 'var name = ' . json_encode($name) . ';'; echo '</script>';

答案 1 :(得分:0)

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