javascript - 在createLink中插入一个javascript变量

Question

我想将变量orderSlipID的值传递给此createLink。

function showOrderedItems() {       
    $.ajax({
        url: '${createLink(action:'listOrderedMenu', id:orderSlipID)}', 
        success: function(data) {
          $('#orderedlist').html(data);                                                     
        }
    });
};      

此orderSlipID来自单独的GSP。我想将createLink的ID设置为我单击的按钮的ID。

这是我的其他GSP:

<g:each  in="${orderSlipInstanceList}" var="os">
    <div class="table" data-slip="${os.id}">${os.tableNumber}</div>
</g:each>
<script>
    $('.table').click(function(){
    orderSlipID = parseInt($(this).attr('data-slip'));
    showOrderedItems(); 
 });
</script>

因此，当我单击一个表时，它将把orderedSlip的id保存为orderSlipID，并将其传递给createLink以显示#orderedlist的新内容。

Answer 1

只需在jQuery方法中传递orderSlipID作为参数即可

<script>
    $('.table').click(function(){
        var orderSlipID = parseInt($(this).attr('data-slip'));
        showOrderedItems(orderSlipID);
    });
</script>

并改变 Ajax

function showOrderedItems(orderSlipID) {
    $.ajax({
        url: '${createLink(action:'listOrderedMenu')}', 
        data: {id: orderSlipID},
        success: function(data) {
            $('#orderedlist').html(data);                                                     
        }
    });
};