如何使用ajax脚本在td内附加模式按钮

Question

我在 html 表中插入模式按钮时遇到问题。我正在使用 AJAX 和附加内置函数。我尝试了这种方法

“开放模式”，

但它不起作用。我尝试删除“class”、“type”等按钮属性，它有效，但我需要这些。对此有任何方法。谢谢。

这是我的代码

<script type=text/javascript>
      $(document).ready(function() {
       });
    
       function getData(id){
      $('#myModal').modal('show');
          $.ajax({ 
          type: "GET",
          url: "getproducts/",
          dataType: 'json',
           data: {id: id}, 
          success: function (response) {
            var len = 0;
            if(response['data'] !=null){
              len = response['data'].length;  
            }
           
            $('#userTable tbody').empty();
            if(len > 0){
              for(i = 0; i < len; i++) {
                var p_id = response['data'][i].p_id;
                var p_name = response['data'][i].p_name;
                var p_amount = response['data'][i].p_amount;
                var m_fname = response['data'][i].m_fname;


                var tr_str = 
                "<tr>" +
                   "<td>" + p_id + "</td>"+
                   "<td>" + p_name + "</td>" +

                  //  HOW CAN I ADD MODAL BUTTON HERE THIS APPROACH DOESN'T WORKED
                   "<td> <button type="button" class="btn btn-primary" data-bs-toggle="modal" 
                     data-bs-target="#myModal2">Open modal</button></td>"                         
               
                "<tr>";

                $('#userTable tbody').append(tr_str); 
              }
            }
      
       }
       });
    };
    
  </script>

预期输出应该是这样的

Answer 1

我认为字符串连接的问题
我给出一个代码。请更换它。

"<td> <button type='button' class='btn btn-primary' data-bs-toggle='modal' 
                     data-bs-target='#myModal2'>Open modal</button></td>"