Question

如何将ajax中的2个变量传递给函数？我可以成功传递1个变量，但我不知道如何编写代码来传递2个变量。我被困在这里：

<button id ="+data[i].id+" onclick='tahu("+data[i].id+","+data[i].nama+")'>Detail</button>

这是我的功能

function tahu(x, y) {
     window.alert(x);
     window.alert(y);
}

这是我的完整ajax代码

function tampilkan() {
    var data_table = ""; 
    var head_table = ""; 
    $.ajax({
        url: "showkaryawan/da",       
        dataType: "json",
        success: function(data) {
            $('#oo').empty();
            head_table +="<thead><tr class='bg-info'><th width='10%'>ID Karyawan</th><th width='30%'>Nama Karyawan</th><th width='15%'>Action</th></tr></thead>";

            for (var i =0; i<data.length; i++) {
                data_table +="<tr><td>"+data[i].id+"</td><td>"+data[i].nama+"</td><td>"+"<button id ="+data[i].id+","+data[i].nama+" onclick='tahu("+data[i].id+")'>Detail</button>"+"</td></tr>";
            }

          $('#oo').append(head_table);    
          $('#oo').append(data_table);    
        }
    });
}

Answer 1

好的，我试图解决你的问题，但实际上没有做json请求所以请耐心等待。首先，您已经在使用jquery进行ajax调用，那么为什么不利用jquery进行DOM操作呢？我已经编写了你的函数来将id和nama作为属性存储在button元素上，而不是进行内联函数调用，我在jquery中编写了一个click事件处理程序，以便在单击按钮（带有class detailButton）时执行。此函数将从按钮本身获取data-id和data-name，并应显示特定于该按钮的所需信息。

最后一个按钮元素：

zip_longest

和jquery：

<button data-id ="id" data-name="nama" class="detailButton">Detail</button>

我冒昧地将您的data_table连接扩展为多行，以便于阅读。希望这更接近你的最终解决方案。

如何在javascript中将多个变量从ajax传递给函数？

1 个答案: