时间戳

首页 > 解决方案 > 想学习如何从ajax传递两个值

php - 想学习如何从ajax传递两个值

问题描述

在我当前正常工作的代码中，我可以发送此值 ($id) 以通过 AJAX 删除一行。

 <td align='center'><span class='delete' data-id='<?= $id; ?>'>Delete</span></td>

但是我想传递一个额外的“$userID”值。

下面是我的 AJAX 代码。

                $(document).ready(function(){

                    // Delete 
                    $('.delete').click(function(){
                        var el = this;

                        // Delete id
                        var id = $(this).data('id');
                        
                        var confirmalert = confirm("Are you sure?");
                        if (confirmalert == true) {
                            // AJAX Request
                            $.ajax({
                                url: 'remove.php',
                                type: 'POST',
                                data: { id:id },
                                success: function(response){
                    
                                    if(response == 1){
                                        // Remove row from HTML Table
                                        $(el).closest('tr').css('background','tomato');
                                        $(el).closest('tr').fadeOut(800,function(){
                                            $(this).remove();
                                        });
                                    }else{
                                        alert('Invalid ID.');
                                    }
                                }
                            });
                        }
                    });
                });

标签： phpajax

解决方案

您可以读取使用jQuery .data()函数分配的所有值数据。

$('.delete').on('click', function() {
  let id = $(this).data('id');
  let userid = $(this).data('userid'); //ex: data-stack="5" => ('stack')

  console.log(id, userid);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="delete" data-id="5" data-userid="12">Delete</button>

推荐阅读