使用不同的数据从不同的元素点击调用相同的ajax

Question

我尝试使用不同的数据从不同的元素调用相同的ajax函数。

例如：我是这两个链接

<a href="#!" id="link1" data-source="google">Google</a>
<a href="#!" id="link2" data-source="facebook">Facebook</a>

和Ajax调用如：

$("#link1).click(function() {
   $.post(
    '/myphpscript/', 
        {
          data:$("#link1).attr('data-source')
        }, // any data you want to send to the script
        function (data) {  
        }
});

我知道我可以使用不同的元素调用相同的ajax：

$('#link1, #link2').click(some_function);

但是如何根据点击元素选择data？

Answer 1

使用this的实例，同时为链接提供一个公共类并使用简单的选择器：

$(".ajaxLinks").click(function() {
    $.post('/myphpscript/', { data:$(this).attr('data-source') }, function (data) {

    });
});