javascript - ajax 测试不工作

Question

我试图让一个简单的 ajax 测试工作但没有成功。我正在尝试将一个变量 ($add1) 从 PHP 传递给 JS，然后让 JS 计算总和并通过 $_POST 将其返回给 PHP 变量，并在 html 中回显它。

index.php:

<?php 

echo "<script type='text/javascript' src='script.js'></script>";
$add1 = 3;
echo "<script>sum($add1)</script>";
$sum = $_POST['variable'];

echo $sum;

?>

script.js:

function sum(param) {
    var sum = 3;
    sum = 3 + param;

    $.ajax({
        type: 'POST',
        url: 'index.php',
        data: {
            'variable': sum
        },
    });
}

出于某种原因，此代码不起作用。任何帮助表示赞赏。

Answer 1

I want the php file to pass the $add1 to the Javascript and then i want the javascript to return the var sum back to the php and the php to echo the $sum from the $POST.

来自 $_POST 的

$sum 实际上被回显，但未显示在 HTML 页面中，而是作为对 Ajax 的响应处理。

您必须在 Ajax 闭包中添加一个success 函数

$.ajax({
        type: 'POST',
        url: 'index.php',
        data: {
            'variable': sum
        },
        success: function (data){
            document.write(data);
        }
    });

您将在页面中看到答案。

PHP:

if (isset($_POST['variable'])) {
    $sum = some_futher_function($_POST['variable']);
    echo $sum;
} else {
    echo "<script type='text/javascript' src='script.js'></script>";
    $add1 = 3;
    echo "<script>sum({$add1})</script>";

}
function some_futher_function($param){
    //do some thing
     return $return;
}