ASP 经典包含文件使用 AJAX

Question

我有一个 Bootstrap 导航，我想在单击时使用 ASP Classic 中的 Include.File 更改#result div 的内容。有办法吗？

HTML

<body onload="">
    <nav class="navbar navbar-light bg-light sticky-top shadow">
         span><%=rs(2)%></span>
                
         <ul class="nav nav-pills ml-4">
              <li class="nav-item">
                  <a class="nav-link" style="cursor: pointer;" id="solicitar" onclick="test('solicitar.asp')">Solicitar</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" style="cursor: pointer;" id="consultar" onclick="test('consultar.asp')">Consultar</a>
              </li>
         </ul>

         <a class="navbar-brand mx-auto" href="">
             <img src="../imgs/logos/4_COL-1.jpg" width="200" height="50" class="d-inline-block align-top" alt="">
         </a>

         <span><%=date%></span>
   </nav>

   <div class="container-fluid" id="result">
                
   </div>
</body>

JavaScript

function test(fileName) {
  $.ajax({
    method: "POST",
    data: {},
    success: function () {
      $("#result").html('<!--#Include File="' + fileName + '"-->');
    },
    error: function (x) {
      console.log(x);
    },
  });
}

Answer 1

要通过 ajax 请求页面，请将 url 参数设置为页面地址。
如果成功，您将在成功函数中获取页面内容。
使用 GET 而不是 POST 因为它只是一个页面请求。

function test(fileName) {
  $.ajax({
    url: fileName,
    method: "GET",
    success: function (html) {
      $("#result").html(html);
    },
    error: function (x) {
      console.log(x);
    },
  });
}

ASP 经典包含文件使用 AJAX

ASP Classic include file using AJAX

javascript

html

ajax

asp-classic