使用 javascript 将字符串显示为模态答案

【问题标题】：display a string as a modal with javascript使用 javascript 将字符串显示为模态
【发布时间】：2020-02-24 18:37:44
【问题描述】：

我正在尝试显示一个包含完整引导模式的字符串。 onClick 事件下载字符串，将其添加到现有 div 但无法显示。

文档：

<div id="HTTPrequestModalDiv"></div>

点击输入：

HTTPrequest ( 'ID7', 'colorTable.php' ); $( '#ModalHTTPRequest' ).modal('show') ;

函数HTTPrequest：

function HTTPrequest ( ID , url  ) {    
const Http = new XMLHttpRequest();
Http.open("GET", url  + "?ID=" + ID );
Http.send();
Http.onreadystatechange = (e) => { 
 document.getElementById('HTTPrequestModalDiv').innerHTML = Http.responseText ;
 }
$.getScript(  url  ) ;
$( '#ModalHTTPRequest' ).modal('show') ;    
}

所有步骤仅适用于modal.show 无效。我必须单击两次才能使模式出现。我试图在代码中两次放置 modal.open 语句......

如何让模态立即显示？

【问题讨论】：

标签： javascript jquery xmlhttprequest modal-dialog

【解决方案1】：

我不知道为什么，但这现在有效。可能是 jquery 魔术...

$('#div' + random ).load(  dataURL,function(){
$('#ModalHTTPRequest' + random ).modal({show:true});

jquery 加载函数可以解决问题，而不是将 HTTP 请求结果添加到 innerHTML。

本页说明：[如何在 Bootstrap 模式中加载动态内容][1]

【讨论】：