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

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

//只使用res 成功：函数（RES） { 警报（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"/>

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

2 个答案: