html - 如何在经典 ASP、Ajax 中显示带有模式的数据库记录的详细信息？

Question

我试图通过模式显示记录的详细信息，我正在做的是在按钮的帮助下，它检测到一个事件，这个事件向一个名为 query 的文件发送一个请求，并在这个文件中进行查询。它对我来说效果很好，但我想要的是在我发送请求的文件中的模式中显示结果。这是我的代码：

在这里，我显示了事件所在的按钮：

<% Do While Not rs.EOF %>

         <div class="<% = RS("numPin") %>" data-xpos="<% = RS("coorX") %>" data-ypos="<% = RS("coorY") %>">  
          <ul>
            <li>
              <h2><% = RS("nombrecec") %></h2>  
              <button id="preguntaM1aColumnaA" name="preguntaM1aColumnaA" type="button" value="<% = RS("cec") %>"  class="btn btn-info " data-toggle="modal" data-target="#myModal" onclick="buscare(<%=RS(("cec"))%>);">VER INFORMACIÓN</button>
              </a>
          </ul>
        </div>
          <%
              rs.MoveNext
               Loop
               rs.Close
               Set rs = Nothing

            %> 

这是我的jQuery：

<script >
      function buscare(cec){
       $(function() {
          $('#preguntaM1aColumnaA').load('consulta.asp?cec=' + cec, function(argument) {
            
             alert("Datos Cargados: " + argument);
            });
    });
    
      }
 </script>

这是我的名为查询的文件：

<% @LANGUAGE="VBSCRIPT" CODEPAGE="65001" %>

<% 
  strConn = "DRIVER={SQL Server}; SERVER=LAPTOP-DD7NHUOM; UID=sa; PWD=luis1931; DATABASE=PaginaWeb; Pooling=False;"
  Set Conn = Server.CreateObject("ADODB.Connection")
  Conn.Open strConn
  query = "SELECT * FROM centros WHERE cec = ?"
  CustomerID = Request.QueryString("cec")
  arParams = array(CustomerID)
  Set cmd = Server.CreateObject("ADODB.Command")
  cmd.CommandText = query
  Set cmd.ActiveConnection = Conn
  Set rs = cmd.Execute(,arParams,1)
  %> 
  <% If Not rs.EOF Then%> 
   
              <h2><% = RS("nombrecec") %></h2>  


   <% End If%> 
   <%  rs.Close : Set rs = Nothing : Set cmd = Nothing : Conn.Close : Set Conn = Nothing
  Response.End()
%> 

这是我的模态：

    div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title"></h4>
        </div>
  <div class="row">
  <div class="col-md-6" style="text-align: center;"> <h4 ></h4>
      <img src="img/piedrasnegras.jpg" width="180" height="180" class="img-fluid" alt="Responsive image" ></div>
  </div>

</div>
      </div>
            </div>

任何建议都会对我有很大帮助。谢谢

标签： htmlajaxasp-classic