javascript - pass img src path to php function through javascript

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>

I want to pass that var img variable to php function, and call that php function at the click event. does it possible?

Answer 1

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'];
    ?>

Answer 2

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

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

Answer 3

当然，您可以通过发送 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/