Question

实际上我正在研究一个项目并且它几乎已经完成但我在我的项目中遇到了问题我有多个图像，每个图像都有不同的URL。在这里它假设如果点击一个图像它应该调用ajax，如果点击另一个图像这个图像也应该调用相同的ajax，任何人都可以建议我如何做到这一点这是我用过的代码

$(document).ready(function(){
    $('#video1').click(function(){
        $data=$(this).attr('data-url');
         $.ajax({
            url : 'playvideo.jsp',
            type : 'POST',
            data : 'url=' + $data,
            dataType : 'text',
            success : function(result) {
            },
            error : function(e) {
                alert('Error thrown'+e);                    
            }
        }); 
    });
});

Answer 1

GolezTrol在上面的评论中解释说，CSS selector太窄了。你可以尝试：

$(document).ready(function(){
  // old selector just picked the element with id 'video1'
  // new selector picks all elements of class 'image-clickable'
  $('.image-clickable').click(function(){
    $data=$(this).attr('data-url');
    $.ajax({
      // ..     
    }); 
  });
});

并且您需要一些代码将class="image-clickable"属性添加到所有图像元素，这应该获得触发附加的AJAX调用的单击处理程序。或者也许您可以将这些添加到HTML中。

如何使用ajax调用不同的图像URL？

1 个答案: