HTML+ashx或aspx+ashx绑定SQL数据库数据技巧解析

2022-12-11 00:13:19

HTML+ashx 与 ASPX+ashx：绑定 SQL 数据库数据的两种选择

在构建 Web 应用程序时，经常需要从数据库中获取数据并将其显示在页面上。有两种常见的方法可以实现此目的：使用 HTML+ashx 或 ASPX+ashx。这两种方法各有利弊，具体选择取决于您的特定需求。

HTML+ashx

使用 HTML+ashx 的方法更灵活，可以与 C#、VB.NET、JavaScript 等任何语言结合使用。这提供了更大的灵活性，但它也需要更多的代码并且安全性较差。

以下是如何使用 HTML+ashx 绑定 SQL 数据库数据的步骤：

创建 ASPX 页面： 首先，您需要创建一个 ASPX 页面。
添加以下代码： 在 ASPX 页面中，添加以下代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

在代码文件中添加代码： 在 ASPX 页面的代码文件中，添加以下代码：

using System;
using System.Data;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 创建 SQL 连接对象
        SqlConnection conn = new SqlConnection("Data Source=localhost;Initial Catalog=Northwind;Integrated Security=True");

        // 打开 SQL 连接
        conn.Open();

        // 创建 SQL 命令对象
        SqlCommand cmd = new SqlCommand("SELECT * FROM Customers", conn);

        // 执行 SQL 命令
        SqlDataReader reader = cmd.ExecuteReader();

        // 读取数据
        while (reader.Read())
        {
            // 在页面中显示数据
            Response.Write(reader["CustomerID"] + " " + reader["CompanyName"]);
        }

        // 关闭 SQL 连接
        conn.Close();
    }
}

在浏览器中打开页面： 在浏览器中打开 ASPX 页面，即可看到数据。

ASPX+ashx

使用 ASPX+ashx 的方法更安全，并且可以利用 ASP.NET 的强大功能。但是，这种方法也需要更多的配置，并且对服务器的要求更高。

以下是如何使用 ASPX+ashx 绑定 SQL 数据库数据的步骤：

创建 ASPX 页面： 首先，您需要创建一个 ASPX 页面。
添加以下代码： 在 ASPX 页面中，添加以下代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %>

在代码文件中添加代码： 在 ASPX 页面的代码文件中，添加以下代码：

using System;
using System.Data;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 创建 SQL 连接对象
        SqlConnection conn = new SqlConnection("Data Source=localhost;Initial Catalog=Northwind;Integrated Security=True");

        // 打开 SQL 连接
        conn.Open();

        // 创建 SQL 命令对象
        SqlCommand cmd = new SqlCommand("SELECT * FROM Customers", conn);

        // 创建 ashx 文件
        string ashxFile = "GetCustomers.ashx";

        // 将 SQL 命令对象传递给 ashx 文件
        cmd.Parameters.Add("@ashxFile", SqlDbType.NVarChar).Value = ashxFile;

        // 执行 SQL 命令
        cmd.ExecuteNonQuery();

        // 关闭 SQL 连接
        conn.Close();

        // 在页面中嵌入 ashx 文件
        Response.Write("<script type=\"text/javascript\">$.get(\"" + ashxFile + "\", function(data) { alert(data); });</script>");
    }
}

创建 ASHX 文件： 在项目中创建一个新的 ASHX 文件。
在 ASHX 文件中添加代码： 在 ASHX 文件中，添加以下代码：

using System;
using System.Data;
using System.Data.SqlClient;

public class GetCustomers : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        // 获取 SQL 命令对象
        SqlCommand cmd = (SqlCommand)context.Items["cmd"];

        // 执行 SQL 命令
        SqlDataReader reader = cmd.ExecuteReader();

        // 读取数据
        string data = "";
        while (reader.Read())
        {
            data += reader["CustomerID"] + " " + reader["CompanyName"] + "\n";
        }

        // 关闭 SQL 连接
        cmd.Connection.Close();

        // 将数据返回给页面
        context.Response.Write(data);
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}