Question

<script type="text/javascript">
  $(function() { 
    $('.LSide img').click(function() { 
      $('.BigImage img').attr("src", $(this).attr("src")); 
      var img =$('.BigImage img').attr("src").slice(0,-5); 
      //alert($('.BigImage img').attr("src").slice(0,-5)) 
      //alert(img); 
    }); 
  });
</script>

我想将var img变量传递给php函数，并在click事件中调用该php函数。有可能吗？

Answer 1

您可以对PHP脚本使用AJAX调用，并通过该调用传递img的值。

你不能做的是混合Javascript代码（客户端脚本语言）和PHP代码（服务器端脚本语言）

Answer 2

当然，您可以通过发送POST请求来实现，而使用AJAX则可以：

$.ajax({
  type: "POST",
  url: "some.php",
  data: { img: img.serialize() }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

http://api.jquery.com/jQuery.ajax/

Answer 3

In your html file. Call click finction like this:
<img src="a.png" id="BigImage" onclick="click()">

<script type="text/javascript">
function click(){
    var a = document.getElementById('BigImage').src; //id of your img tag
    $.ajax({
        type: "POST",
        url: 'b.php',
        data: { ch : a },
        success: function(data){
            alert(data);
           }
    });
}
</script>

In your b.php file use `$_POST['ch']` as you want
    <?php
       echo $_POST['ch'];
    ?>

通过javascript将img src路径传递给php函数

3 个答案: