Javascript 引导模式AJAX调用未显示

我试图在表中显示的搜索结果列表上显示一个模式对话框。当用户单击按钮显示对话框时，我需要将一个值从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>

以下是单击Review按钮时调用的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>

---

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

我假设您已经返回了模式html。您正在设置模式对话框html，但还需要触发模式对话框。您可以使用以下命令：

... 如果xmlhttp.readyState==4&&xmlhttp.status==200 { var modalObj=document.getElementByIdmyModal； modal.innerHTML=xmlhttp.responseText； 模态，模态； } .....

---

Mate，您只需设置myModal元素的innerHTML。事实上你并没有表现出来@AntoanMilkov-谢谢，我无法获得显示模态对话框的正确语法。你知道这应该是什么吗？请不要使用bootstrap标签，使用twitter bootstrap，因为它的意思是elsethaks@Hüseyin BABAL-我已经更改了代码，但模式对话框仍然没有显示。我检查了服务器日志，调用了AJAX请求，但由于某种原因，没有出现模式对话框。有什么想法吗？浏览器控制台中有日志吗？你看到ajax的响应了吗？