如何将JavaScript变量的数据传递给另一个php页面？

Question

我有两个页面： test.php和backend.php 。

test.php有三个图像，点击后将用户带到backend.php 。 我希望点击图像的src显示在backend.php上 。 我试图通过JavaScript和Ajax来完成这个任务，但是图像的src没有出现在backend.php上 。 代码如下：

test.php的：

<?php
    session_start();
?>

<html>
    <head>
        <script src="jquery-1.9.1.js">
        </script>

        <script>
            function clickIt(data){
                $.ajax({
                           url: 'backend.php',
                           data: {"imgsrc":data},
                           type: 'post',
                           success:function(res){
                              alert(res.message);
                           }
                });
            }
        </script>
    </head>

    <body>
        <a href="backend.php">
            <img onclick="clickIt(this.src)" src="img1.jpg"/>
        </a>
        <a href="backend.php">
            <img onclick="changeIt(this.src)" src="img2.jpg"/>
        </a>
        <a href="backend.php">
            <img onclick="changeIt(this.src)" src="img3.jpg"/>
        </a>
    </body>
</html>

backend.php：

<?php
    session_start();
?>

<?php
    echo $_POST['imgsrc'];
    echo '<a href="test.php">Back</a>';
?>

我可能做错了什么？

Answer 1

尝试这个;

HTML：

<body>
    <a href="javascript:void(0);">
        <img onclick="clickIt(this.src)" src="img1.jpg"/>
    </a>
    <a href="javascript:void(0);">
        <img onclick="changeIt(this.src)" src="img2.jpg"/>
    </a>
    <a href="javascript:void(0);">
        <img onclick="changeIt(this.src)" src="img3.jpg"/>
    </a>
</body>

jQuery的：

function clickIt(data){
    window.location.href = 'backend.php?imgsrc='+data; // redirect to backend.php
}

在backend.php中

<?php
    echo $_GET['imgsrc']; // use $_GET
    echo '<a href="test.php">Back</a>';
?>

Answer 2

1. 标记的Click事件未触发，因为标记在标记单击事件被触发之前将页面带到后端页面。 只需从每行中删除标记即可解决此问题。
2. 由于您没有以json格式回显响应，因此无法以res.message的形式访问ajax响应。 您只需从res变量访问响应即可
3. 同时将函数名称更改为changeIt to clickIt，因为已定义的函数具有clickIt

//仅使用res成功：function（res）{alert（res）;

}

<img onclick="clickIt(this.src)" src="img1.jpg"/>
<img onclick="clikcIt(this.src)" src="img2.jpg"/>
<img onclick="clickIt(this.src)" src="img3.jpg"/>