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

Question

我在 html table 中插入模态按钮时遇到问题。我正在使用 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>"

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

How can I append modal button inside td using ajax script

javascript

php

jquery

modal-dialog

laravel