如何使用ajax将javascript变量值传递给同一页面上的php变量而不需要重新加载？

问题描述 投票：0回答：1

我尝试使用ajax将javascript变量值传递给php变量。 我想传递该值而不重新加载页面。 这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=0.1">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
    <script>
        var str = "tes";
        $.ajax({
            type: 'post',
            data: {
                value: str
            },
            success: function(data) {
                console.log(data);
            }
        });
    </script>

    <?php
       $result = $_POST['value'];
       echo $result;
    ?>
</body>
</html>

我收到“未定义的数组键‘值’”错误 我的代码有什么问题吗？

javascript php ajax
1个回答
1
投票

亲爱的用户，您的做法是错误的，请指定请求方法，因为现在页面加载时直接执行的 php 代码使用以下代码

<?php
  if($_SERVER["REQUEST_METHOD"]=='POST'){
    $result = $_POST['value'];
    echo $result;
  }else{
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.1">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
</script>
</head>
<body>
<script>
var str = "tes";
    $.ajax({
        type: 'post',
        data: {
            value: str
        },
        success: function(data) {
            console.log(data);
        }
    });
</script>


</body>
</html>
<?php } ?>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.