ASP.NET AJAX-优快云博客

本文链接：https://blog.youkuaiyun.com/haoxiang110/article/details/6068989

本文介绍了一个使用ASP.NET实现的简单AJAX应用案例，该案例通过客户端JavaScript与服务器端C#交互，实现了输入变化时异步更新用户名称的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Default.aspx页面

_____________________________________________________________________________________________________

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            this.userId.Attributes.Add("onpropertychange","show('"+this.userId.ClientID+"','"+this.userName.ClientID+"','1')");
        }

    </script>
    <script type="text/javascript" language="javascript" >
        var input;
        var output;
        var flag;
        var inputValue
        var xmlHttp=null;

        function show(input,output,flag)
        {

            inputValue=document.getElementById(input);
            outputValue=document.getElementById(output);
             if(xmlHttp == null)
            {
                createXMLHttpRequest();
                if( xmlHttp == null)
                {
                    return ;
                }
            }

                            xmlHttp.open("get","auto.aspx?input="+inputValue.value+"&flag="+flag,true);
                            xmlHttp.onreadystatechange=xmlHttpChange;
                            xmlHttp.send(null);
        }

    function createXMLHttpRequest()
        {
            if(xmlHttp == null){
                if(window.XMLHttpRequest) {
                    //Mozilla 浏览器
                    xmlHttp = new XMLHttpRequest();
                }else if(window.ActiveXObject) {
                    // IE浏览器
                    try {
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {

                        }
                    }
                }
            }
        }
        function xmlHttpChange()
        {
            if(xmlHttp.readyState==4)
            {
                if(xmlHttp.status==200)
                {
                    var res=xmlHttp.responseText;
                       // res为返回来的参数，在处理文件中，返回是否成功等信息。

                    outputValue.value=res;
                }
            }
        }

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td>用Id：</td><td><asp:TextBox runat="server" ID="userId"></asp:TextBox></td>

        </tr>
        <tr>
            <td>用户名称：</td><td><asp:TextBox runat="server" ID ="userName"></asp:TextBox></td>
        </tr>
    </table>

    </div>
    </form>
</body>
</html>

auto.aspx.cs

__________________________________________________________________________________________________

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class auto : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string flag = Request["flag"];
        string input = Request["input"];
        Response.Write(input);
    }
}

auto.aspx

______________________________________________________________________________________________

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