c# - 在 ASP.NET 中，如何在不刷新页面的情况下对 sqldatareader 数据进行 jquery/ajax 刷新？

Question

我有一个 sqldatareader 在页面加载时在页面上吐出 SQL 数据，但我想添加功能来单击 jquery 按钮，从一组新结果中向用户刷新数据，而无需刷新整个页面.

虽然我是一个初学者，但不知道从哪里开始。

我的 ASPX 中有以下 DIV 内容

<div id="blockOver">
<% while (Reader.Read()) {
   string filename = Reader.GetString(1);
   string date = Reader.GetSqlDateTime(3).ToString();
   string filetype = Reader.GetString(4);
   Int32 height = (Int32)Reader.GetSqlInt32(5);
   Int32 width = (Int32)Reader.GetSqlInt32(6);
   string uploadGroup = Reader.GetString(7);
   string title = Reader.GetString(8);
   string uniqueID = Reader.GetString(9);
   string uploader = Reader.GetString(10);
   string uniqueIDnoExt = Reader.GetString(12);
%>
<div class="block">
    <a href="#t=<%= uniqueID %>" onmouseover="defaultJs.displayInfo ('<%= title %>', '<%= date %>', '<%= filetype %>', '<%= uniqueIDnoExt %>')" onclick="defaultJs.showFile('<%= title %>', '<%= date %>', '<%= filetype %>', '<%= uniqueIDnoExt %>', '<%= uniqueID %>')" onmouseout="defaultJs.hideInfo()">
    <img title="<%= title %>" src="thumbs/<%= uniqueIDnoExt %>.jpg" />
    </a>
</div>
<% } %>

在我的 ASPX.CS 中我有:

public partial class _Default : System.Web.UI.Page
{
private SqlDataReader reader = null;
public SqlDataReader Reader { get { return reader; } set { reader = value; } }

    protected void Page_Load(object sender, EventArgs e)
    {
    string connectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ToString();
    SqlConnection connection = new SqlConnection(connectionString);
    connection.Open();

    SqlCommand command = new SqlCommand("SELECT * FROM uploads ORDER BY id DESC", connection);
    command.Parameters.Add(new SqlParameter("uploader", "anonymous"));

    Reader = command.ExecuteReader();
    }
}

这适用于在页面加载时加载数据，但我现在想做的是合并 jquery/ajax 以便能够在 jquery 调用时刷新此数据，而无需刷新整个页面。

我不太确定从哪里开始，我相信这对你们来说是第二天性，有人能给我指出一些简单的来源或提供一些示例代码吗？真的很感激谢谢。

Answer 1

您需要阅读一些有关 jquery 的内容，它完全是客户端的。这是在 Internet 浏览器中执行的一些 JavaScript 代码。

Jquery 是一个greet 库，用于执行 DOM 操作(查找、修改、添加 HTML 元素)和 ajax 调用。

您需要将 ajax 调用连接到某些东西:HTML 控件(按钮、选项卡等)或 JavaScript 计时器。

此外，如果您实现 ajax 调用，则意味着您必须在服务器端公开 REST Web 服务(响应 HTTP GET 或 POST 调用的内容)。