4

我想在用户单击它时将 img src 获取到 php 变量，所以我使用 jquery 函数在用户单击该图像时获取 img src。下面的 jquery 用于获取 img src

$("img").click(function() {
    var ipath = $(this).attr('src');
})

现在我尝试了这样的方法来获取 php 变量的 ipath 值

$.ajax({ type:'POST', url: 'sample.php',
 dataType: 'HTML', data: dataString,
 success: function(data)
{
 } 
});
});

我不确定是否正确使用 Ajax 任何人都可以帮助使用 Ajax 功能来完成这项工作吗？谢谢你。

4

7 回答 7

4

单击 img 时，您应该进行 ajax 调用，例如：

$(function (){
   $("#myimg").click(function() {
      $.ajax({
        type: "POST",
        url: "some.php",
        data: { param: $(this).attr('src'); }
      }).done(function( msg ) {
             alert( "Data Saved: " + msg );
     });
  });
}

html代码

<img src="http://yourimage.jpg" alt="image" id="myimg" />

在some.php中使用

 echo $_POST['param'];

获得价值，如果你使用过type:GET，你应该使用 then$_GET来获得价值。

于 2013-05-28T06:11:45.510 回答
3

请试试这个。希望它会有所帮助。

$("img").click(function() {
   var imgSrc = $(this).attr('src');

    jQuery.ajax({
            type: 'post',                    
            url:'somepage.php',            
            data:{"imgSrc" : imgSrc},
            dataType:'json',                
            success: function(rs)
            {
                alert("success");
            }
        });  
});

尝试在“somepage.php”上获取“imgSrc”作为“$_post[”imgSrc”]。

于 2013-05-28T06:13:07.510 回答
1

如此处所写，您应该按以下方式进行操作：

$.ajax({
    type : 'POST',
    url : 'sample.php',
    dataType : 'HTML',
    data : {
        param : 'value'
    },
    success : function(data) {
    }
});
});

然后在php中你的变量将在$_POST['param']

于 2013-05-28T06:10:52.097 回答
1 
$("img").click(function() {
    var ipath = $(this).attr('src');
    $.ajax({ type:'POST', url: 'sample.php',
        dataType: 'HTML',
        data : {
            path: ipath 
        },
        success: function(data)
        {

        } 
    });//end of ajax

})//end of click

您可以在 php 脚本中获取此值$_POST['path']

于 2013-05-28T06:14:30.143 回答
1

这应该有帮助

$("img").click(function() {
    jQuery.post("some.php",{param:$(this).attr('src')},function(data){
      console.log(data);
    },'html');
});

在一些.php

做一个print_r($_POST);了解如何提取所需的信息/数据

于 2013-05-28T06:19:19.483 回答
1

试试这样 -

$('document').ready(function(){
    $("img").click(function() {
        var ipath = $(this).attr('src');

        var dataString = 'imagePath='+ipath;
        var sendRquest = $.ajax({
            type: 'POST',
            url: 'action.php',
            data: dataString
        });

        sendRquest.done(function(responseData) {
            // your code here
            alert(responseData);
        });

        sendRquest.fail(function(xmlhttprequest,textstatus,responseData) {
            // your code here
            alert('failed');
        });

        sendRquest.always(function(){
            // your code here
            alert('done');  
        });

    });

    $("img").click(function() {
        var ipath = $(this).attr('src');
        $('#divid').load('action.php?imagePath='+ipath);

        //if trigger required
        $('#divid').load('action.php?imagePath='+ipath, function() {
          alert('Load was performed.');
        });
    });
});

在 action.php

<?php
   echo $_POST['imagePath'];
   // if you are using load function then
   echo $_GET['imagePath'];
?>
于 2013-05-28T06:24:38.457 回答
1

阿贾克斯函数

<script type="text/javascript">
$(function (){
    $("#img").click(function() {
    var src = $(this).attr('src');
    //OR// var src = $("#img").attr('src');
          $.ajax({
            type: "GET",
            url: "myfile.php",
            data: {imgsrc: src}
          }).done(function(data) {
                 alert(data);
         });
      });
});
</script>

我的文件.php

<?php
echo $_GET['imgsrc']; exit;
?>
于 2013-05-28T07:32:01.727 回答