HTA загрузка контента в div без AJAX Jquery - PullRequest
Новая
       18

HTA загрузка контента в div без AJAX Jquery

0 голосов
/ 27 апреля 2019

У меня есть HTA, в который я пытаюсь загрузить html-контент из внешнего файла.Метод выбора - AJAX, но, к сожалению, вы не можете сделать это в HTA.Тем не менее, я нашел чистый метод javascript для этого, но я продолжаю получать отказ в доступе в строке request.open.Есть идеи как это исправить? 

  <!DOCTYPE html>
  <html lang="en-US">
  <head>
  <title>test file</title>
  <hta:application id="test app">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="UTF-8">
  <script type="text/javascript" src="resources/js/jquery-3.3.1.js"> 
  </script> 
  <script type="text/javascript"  charset="utf8" src="resources/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript"  charset="utf8" src="resources/js/dataTables.scroller.min.js"></script>
  <link rel="stylesheet" type="text/css" href="resources/css/navigation.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
  <link rel="stylesheet" type="text/css" href="resources/css/scroller.dataTables.min.css">  
  <link rel="stylesheet" type="text/css" href="https://www.w3schools.com/w3css/4/w3.css">    
  <link rel="stylesheet" type="text/css" href="resources/css/style.css">      
  </head>
 <body>
 <div class="header"></div>
<input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
<label for="openSidebarMenu" class="sidebarIconToggle">
 <div class="spinner diagonal part-1"></div>
 <div class="spinner horizontal"></div>
 <div class="spinner diagonal part-2"></div>
</label>
<div id="sidebarMenu">
 <ul class="sidebarMenuInner">
   <li><a href="#" id ="ajaxjestid" target="_blank">nav1</a></li>
</ul>
</div>    

<div id="ajaxtest"></div>
<!-- Footer -->
<footer >
<script language="javascript">
function myFunction() {
var request = new XMLHttpRequest();
request.open('GET', 'resources/html/ajaxtest.html', true);
request.onload = function() {
    if (request.status >= 200 && request.status < 400) {
        var resp = request.responseText;
        document.querySelector('#div').innerHTML = resp;
}
};
request.send();
}

$('#ajaxjestid').click(function(){ myFunction(); return false; });

</script>
</footer>
</body>
</html>
...