javascript - javascriptを介してimg srcパスをphp関数に渡します

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 関数に渡し、クリック イベントでその 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'];
    ?>