济南阿里云代理商：asp 网页显示多条数据库记录修改不刷新页面

要在ASP网页中显示多条数据库记录并且可以修改而不刷新页面，你可以使用Ajax技术。

首先，你需要创建一个ASP页面，该页面用来显示数据库中的多条记录。你可以使用数据库查询语句来获取想要显示的记录，并将其以HTML表格的形式展示出来。例如：

<%
' 连接数据库并查询数据
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open "连接数据库的连接字符串"

Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open "SELECT * FROM 表名", conn

' 使用HTML表格显示数据
Response.Write "<table>"
Response.Write "<tr><th>字段1</th><th>字段2</th><th>操作</th></tr>"

Do Until rs.EOF
    Response.Write "<tr>"
    Response.Write "<td>" & rs("字段1") & "</td>"
    Response.Write "<td>" & rs("字段2") & "</td>"
    Response.Write "<td><a href=""javascript:void(0);"" onclick=""editRecord(" & rs("ID") & ")"">修改</a></td>"
    Response.Write "</tr>"
    rs.MoveNext
Loop

Response.Write "</table>"

' 关闭数据库连接和记录集
rs.Close
Set rs = Nothing

conn.Close
Set conn = Nothing
%>

上述代码使用<table>标签创建了一个简单的HTML表格，并将数据库中的记录逐行显示出来。每行中的最后一列使用<a>标签创建了一个“修改”链接，并通过onclick事件调用了名为editRecord的JavaScript函数，并将要修改的记录的ID作为参数传递给该函数。

接下来，你需要编写JavaScript函数editRecord来处理修改操作。该函数使用Ajax技术向服务器发送一个异步请求，将要修改的记录的ID传递给服务器，并获取服务器返回的修改页面的HTML代码。然后，将获取到的HTML代码插入到当前页面中对应的记录所在的行上。例如：

function editRecord(recordID) {
    // 发送异步请求
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // 将服务器返回的HTML代码插入到对应的行上
            var row = document.getElementById("record_" + recordID);
            row.innerHTML = this.responseText;
        }
    };
    xmlhttp.open("GET", "edit.asp?recordID=" + recordID, true);
    xmlhttp.send();
}

以上代码使用XMLHttpRequest对象发送一个GET请求到服务器上的edit.asp页面，并将要修改的记录的ID作为参数传递给该页面。然后，通过onreadystatechange事件监听服务器返回的响应，并将响应中的HTML代码插入到当前页面中对应的行上。注意，这里假设服务器返回的HTML代码已经通过ASP页面生成好了。

最后，你需要创建一个用于处理修改操作的ASP页面 edit.asp。该页面根据请求中传递的记录ID来读取并修改数据库中对应的记录，并生成要返回给客户端的响应。例如：

<%
' 连接数据库并修改记录
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open "连接数据库的连接字符串"

recordID = Request.QueryString("recordID")

' 读取并修改数据库中对应的记录
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open "SELECT * FROM 表名 WHERE ID=" & recordID, conn

' 这里假设数据库中有字段名为"字段1"和"字段2"的列
rs("字段1") = "修改后的值1"
rs("字段2") = "修改后的值2"
rs.Update

' 关闭数据库连接和记录集
rs.Close
Set rs = Nothing

conn.Close
Set conn = Nothing

' 返回修改完成的消息
Response.Write "修改成功"
%>

上述代码首先根据请求参数中传递的记录ID从数据库中读取并修改对应的记录。然后，使用Update方法将修改后的记录保存到数据库中。最后，返回一个简单的消息表示修改完成。

综上所述，以上代码实现了在ASP网页中显示多条数据库记录并能够通过Ajax技术实现修改而不刷新页面的功能。你可以根据自己的具体需求对代码进行调整和扩展。

要在ASP网页上显示多条数据库记录并修改而不刷新页面，您可以采用AJAX技术来实现。以下是一个基本的示例代码：

首先，在ASP网页中创建一个用于显示数据库记录的区域，例如一个表格：

<table id="recordTable">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>地址</th>
    <th>操作</th>
  </tr>
  <!-- 这里将通过AJAX动态向该表格添加记录 -->
</table>

在ASP网页的 <head> 标签中引入jQuery库和一个JavaScript文件：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="custom.js"></script>

创建一个custom.js文件并编写实现AJAX请求的JavaScript代码：

$(document).ready(function() {
  // 在页面加载完成后执行以下代码
  
  // 使用AJAX从服务器获取数据库记录
  $.ajax({
    url: 'getRecords.asp', // 替换为您的获取记录的ASP文件路径
    type: 'GET',
    dataType: 'json',
    success: function(response) {
      // 成功获取记录后，循环处理每条记录并将其添加到表格中
      $.each(response, function(index, record) {
        var row = $('<tr></tr>');
        row.append('<td>' + record.name + '</td>');
        row.append('<td>' + record.age + '</td>');
        row.append('<td>' + record.address + '</td>');
        row.append('<td><a href="#" onclick="editRecord(' + record.id + ')">编辑</a></td>');
        $('#recordTable').append(row);
      });
    }
  });
});

// 编辑记录的函数
function editRecord(id) {
  // 根据记录ID执行相应的操作，例如弹出一个编辑窗口
  
  // 可以使用模态框（如Bootstrap的Modal组件）来实现更友好的UI效果
}

在服务器上创建一个名为getRecords.asp的ASP文件，用于从数据库中获取记录并将其返回为JSON数据。以下是一个示例代码：

<%@ Language=VBScript %>
<%
  Response.ContentType = "application/json"
  
  ' 在此编写查询数据库记录并将其转换为JSON格式的代码
  
  ' 示例：返回一个包含多条记录的JSON数组
  Response.Write "["
  Response.Write "{""id"": 1, ""name"": ""张三"", ""age"": 20, ""address"": ""济南""},"
  Response.Write "{""id"": 2, ""name"": ""李四"", ""age"": 25, ""address"": ""青岛""},"
  Response.Write "{""id"": 3, ""name"": ""王五"", ""age"": 30, ""address"": ""北京""}"
  Response.Write "]"
%>

请根据您的具体需求修改以上代码，并根据您的数据库结构和数据表结构进行相应的查询和操作。另外，您可能需要更改getRecords.asp文件中的数据库连接代码以适应您的环境。

发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/141359.html