C#.net, Asp.net 中使用 Ajax.dll 的 Ajax 示例代码

• 下载源代码 - 24.7 KB

引言

Ajax 代表异步 JavaScript 和 XML。 初学者在想学习 Ajax 时可能会感到困难。 当他们接触到像 Atlas 这样的示例时，可能会感到困惑。 本文主要面向 Ajax 初学者。 示例代码非常简单易懂。

使用代码

下载源代码，解压缩并在您的 IIS 中进行配置。 文件夹 "Ajax_CSharp.Net" 包含一个名为 "DB Table" 的子文件夹。 这个子文件夹包含一个 sql 文件。 在您的本地 sql 服务器中执行 sql。 将创建一个名为 "employee" 的表。 使用 sql 文件中的插入查询向表中添加更多数据。

执行项目 Ajax_CSharp.net。 单击按钮。 该按钮是一个 html 按钮。它从 "employee" 表中获取员工数据，而无需页面回发，并将数据填充到下拉列表中。 在下拉列表中选择特定记录时，将会在标签中显示所选员工的姓名和员工 ID。

什么是 Ajax？

Ajax 代表异步 JavaScript 和 XML。 它是一种浏览器技术。 它是 JavaScript 和 XML 的组合。 数据以 XML 的形式传输。 Ajax 中使用 XMLHttp 对象。

为什么要使用 Ajax？

当请求发布到服务器时，Ajax 用于消除往返服务器的操作。 简单来说，当我们需要在不刷新页面的情况下访问数据库时，我们可以使用 Ajax。

源代码

Page_Load()

protected void Page_Load(object sender, EventArgs e)
    {
        Ajax.Utility.RegisterTypeForAjax(typeof(Ajax_CSharp));
    }

Get_Data()

[Ajax.AjaxMethod(HttpSessionStateRequirement.ReadWrite)]
    public string GetData()
    {
    //contains function to hit database
    }

使用 Javascript

Javascript 在 Ajax 中扮演着至关重要的角色。 服务器端函数 GetData() 是一个 Ajax 函数。 该函数使用 "[Ajax.AjaxMethod(HttpSessionStateRequirement.ReadWrite)]" 进行编码，这表明它是一个 Ajax 函数。 此函数从按钮的单击事件中的 javascript 中调用。

服务器端函数返回一些值，这些值再次由 javascript 处理。 HttpSessionStateRequirement.Readwrite 是一个可选参数，用于在 ajax 函数中使用会话变量。 我们必须记住的一件事是，我们无法在 GetData() 函数中访问服务器端控件。 这就是为什么我们将数据返回给 javascript 并从 javascript 填充下拉列表的原因。

function GetData()
    {
        var response;
        Ajax_CSharp.GetData(GetData_CallBack);    
    }
    
    function GetData_CallBack(response)
    {
        var response=response.value;
     // code to handle response value
        
     }