Bootstrap模式AJAX呼叫未显示

Question

我正在尝试在表格中显示的搜索结果列表上显示模式对话框。 当用户单击按钮以显示对话框时，我需要将PHP代码中的值传递给模式对话框，以便它可以检索有关其单击的记录的数据，然后该数据将出现在模式对话框中。

这是结果表的HTML：

 <tr>
 <td><button class="btn btn-default" recid="33926"  onclick="showModal(33926)">Review</button></td><td>1</td><td>Pending</td><td>001</td>
 </tr>
 <tr>
 <td><button class="btn btn-default" recid="33951"  onclick="showModal(33951)">Review</button></td><td>1</td><td>Pending</td><td>002</td>
 </tr>

这是单击“评论”按钮时调用的Javascript：

  <script type="text/javascript">
      function showModal(recid)
        {
        var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }
        xmlhttp.onreadystatechange=function()
           {
           if (xmlhttp.readyState==4 && xmlhttp.status==200)
             {
             document.getElementById("myModal").innerHTML=xmlhttp.responseText;
             }
          }
        xmlhttp.open("POST","modalInc.php",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("recid="+recid);
        return false;  // Do not follow hyperlink
        }
      </script>

这是应该与动态内容一起出现的模式对话框的html：

  <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
         <h4 class="modal-title" id="myModalLabel">Modal Title</h4>
       </div>
       <div class="modal-body">
            <div id="modalContent">

            </div>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Approve</button>
         <button type="button" class="btn btn-default" data-dismiss="modal">Reject</button>
         <button type="button" class="btn btn-default" data-dismiss="modal">On Hold</button>
       </div>
     </div>
    </div>
  </div>

目前未显示模式对话框-我怀疑Java语言没有正确调用它，但是我似乎无法获得正确的语法。

Answer 1

我假设您已经在返回模态html。 您正在设置模式对话框html，但还需要触发模式对话框。 您可以使用以下内容；

... if (xmlhttp.readyState==4 && xmlhttp.status==200) { var modalObj = document.getElementById("myModal"); modal.innerHTML = xmlhttp.responseText; modal.modal(); } .....