如何将php变量从链接传递给jquery ajax函数

Question

我试图将两个变量从链接传递给我的jquery ajax函数.但我不知道如何做这些ajax的东西.

我有两个ID的链接.1. rowid&2nd.BOOKID.我必须将这两个id传递给我的jquery函数.

请帮帮我怎样才能做到这一点.

`//cart item displaying in a for each loop , each row have a 'remove' link with two id 
//say i have $id='4dsf2323' & $bid='43' now i have to pass these two ids to my jquery function on click of a link     


<a id="removeid" >Remove item from cart link</a>`

我的jquery函数

    <script>
        $('removeid').click(function(e) {
      // prevent the default action when a nav button link is clicked
      e.preventDefault();

              //HOW TO GET HERE THOSE TWO IDS FROM MY ABOVE LINK ON CLICK EVENT

      // ajax query to retrieve the HTML view without refreshing the page.
      $.ajax({
        type: 'get',
        url: '/path/to/your/controller/method',
        dataType: 'html',
        success: function (html) {
          // success callback -- replace the div's innerHTML with
          // the response from the server.
          $('#yourDiv').html(html);
        }
      });
    });

    </script>

***********更新**************输出如下所示

Answer 1

如何使用jQuery的.data()功能？像这样添加HTML:

<a id="removeid" data-id="<?php echo $id;?>" data-bid="<?php echo $bid;?>">Remove item from cart link</a>

然后用.data()检索如下:

$('removeid').click(function(e){
    e.preventDefault();

    var $aid = $('#removeid'),
        id = $aid.data('id'),
        bid = $aid.data('bid');

    // rest of the ajax stuff that uses the data
});

应该工作得很好,只要你不使用camelCase.

编辑,因为显然删除链接是在循环中,他们有相同的ID？

使用类设置项目:

<a class="RemoveClass" data-id="<?php echo $id;?>" data-bid="<?php echo $bid;?>">Remove item from cart link</a>

然后在单击函数中使用$(this)来捕获仅单击项目的数据值:

$('.RemoveClass').on('click',function(e){
    e.preventDefault();

    var $this = $(this),
        id = $this.data('id'),
        bid = $this.data('bid');

    // rest of the ajax stuff that uses the data
});

如果您正确执行此操作,它将被本地化为已单击的链接.

作为旁注,我已将语法更改为更通用的.on()事件处理程序.如果您希望将来对项目执行其他操作,例如悬停事件或其他内容,则可以使用相同的.on()绑定包含它,而不是为不同的事件创建单独的绑定.