asp.net 아약스 간단한 예

인스턴스 요구 사항:

Ajax 기술을 사용하여 새로 고침 없이 페이지를 구현하고 사용자 이름이 등록되었는지 확인합니다.

요구 사항:

사용자 이름을 입력하는 페이지에 텍스트 상자 레이블을 추가하고 사용자 데이터 제출 버튼을 추가합니다. 검증 결과는 페이지에 직접 인쇄됩니다.

단계는 다음과 같습니다.

1) Visual Studio 2005를 열어 웹 사이트를 만듭니다.

2) VS2005 도구 상자의 HTML 열에 컨트롤과 컨트롤을 추가합니다.

3) Ajax 엔진을 작성하고 정의하기 위해 태그를 추가합니다. basic XMLHttpRequest 객체이지만 초기화되지 않았습니다. 다음 코드에 표시된 대로입니다.

var xmlhttp;

function Validation()

{

//XMLHttpRequest 객체 인스턴스화

xmlhttp =new ActiveXObject (" Microsoft.XMLHTTP");

                                                                                                                                                                                      지정된 URL

에 "name" 문자열을 쿼리하여 페이지

"+이름.값);

                                                                                         ~                   요청

xmlhttp .send(null);

}

4) OnMessageBack()의 내용을 추가합니다. 기능. 코드는 다음과 같습니다.

함수 onmessageback () setext);

} >

}

5) 아래 Button1에 대한 이벤트 코드를 추가하고 라벨을

6) 페이지에 Ajax 엔진이 작성되었습니다. 위 코드에서는 "name"이라는 쿼리 문자열을 통해 사용자 이름이 전달되는 것을 볼 수 있습니다. 쿼리 문자열이 서버에 전달된 후 백그라운드에서 처리되어야 하므로 "AjaxDemo_1.aspx.cs" "를 사용하여 Page_Load 메서드에 일부 ADO.NET 코드를 추가합니다. 여기의 데이터베이스는 "Northwind" 샘플 데이터베이스를 사용합니다. 코드는 아래와 같습니다.

protected void Page_Load(객체 전송자, EventArgs e)

{

string name = Request.QueryString["name"];

if (name ,                com.CommandText = "";

          com.Parameters.Add("@CustomerID",SqlDbType.NChar,5).Value =name = (int)com.ExecuteScalar();

    con.Close();

if (count == 0)

{

Response.Write("<script>alert('이 사용자는 사용 가능합니다!');</script>") ;

}

else

                                                                                );");

                                                                                                                               () 메서드가 클라이언트에 응답을 보내면 클라이언트의 Ajax 엔진이 응답 스트림을 가로채서 미리 정의한 "OnMessageBack()" 메서드에서 처리합니다.

더 많은 asp.net ajax 간단한 예제와 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!