通过POST从<img/>传递特定值到PHP

时间:2013-04-22 11:48:16

标签: php javascript jquery post

我有一个<img>用户应该可以点击(例如删除墙上的帖子)。每张图片都有“imageid”,与文章本身的ID相匹配。现在我想通过javascript / jQuery /将这个“imageid”传递给我的delete.php文件,我将该ID发送到我的Oracle数据库以了解要删除的文章。

IMG看起来像:

 <img alt="Delete Article" src="include/images/delete.png" imageID="21" title="Delete Article">

和javascript:

$(document).ready(function erase() {
    $("img[title='Delete Article']").click(function() {
        if (confirm("Are you sure?")) {
            var image = $(this).data('imageID');    
            $.ajax({
                 type: "POST",
                 url: 'include/site/delete.php',
                 data: 'imageID=' + image,
                });
        }
    });
});

我只找到了创建隐藏表单标签并以这种方式发送的方式,但我希望以另一种方式(如果可能)这样做:)

提前致谢

找到解决方案!

$(document).ready(function () {
        $("img[title='Delete Article']").click(function() {
            if (confirm("Are you sure?")) {
                var getimageID = $(this).attr('imageID');
                $.post("include/site/delete.php", {
                    catchedID : "ID ist " + getimageID
                });
            }
        });
    });

3 个答案:

答案 0 :(得分:1)

您应该在图片标记上使用数据属性,例如“data-imageId”,然后执行

<img alt="Delete Article" src="include/images/delete.png" data-imageid="21" title="Delete Article">
//jquery in your if(confirm)
var $post = ;//some selector for the post/image
var testvalue = $(this).data('imageId');

$.ajax({
 type: "POST",
 url: 'delete.php,
 data: 'imageId=' + testValue,
 success: function(data){},
  $post.remove();
});

info here http://api.jquery.com/jQuery.post/

答案 1 :(得分:0)

var testvalue = $(this).attr('imageid');

答案 2 :(得分:0)

如果您愿意,可以使用GET或POST发送。对于GET,只需构建链接:

    <a href="delete.php?imageid=<?php echo($imageid);?>"
 onClick="return confirm('Are you sure?');">Click to Delete</a>

您也可以通过将每个项目转换为自己的形式来使用POST,然后将图像ID添加为隐藏值。

请记住,这些中的任何一个都不是非常安全,并且您将要确保delete.php不会删除任何人实际上没有适当权限删除它的东西。