asp.net 기반의 ajax를 구현하기 위해 jquery를 사용하는 솔루션

Jquery든 Ajax든 오늘의 논의는 인터넷에 이 분야에 대한 많은 정보가 있지만 여전히 많은 초보자들이 혼란스러워하고 있습니다. 이 기사에서는 가장 간단한 방법을 사용하여 초보자를 위해 jquery를 사용하여 Ajax 기술을 구현하는 방법을 보여줍니다(따라서 이 기사는 특별히 초보자를 위해 작성되었으며 베테랑은 비판해서는 안 되며 전문가는 여기서 10,000 단어를 생략합니다). jquery가 무엇인지, ajax가 무엇인지에 대해서는 Google에서 직접 알아보세요.

먼저 Ajax로 유명한 새 asp.net 웹 빈 애플리케이션을 만듭니다. 프로젝트 디렉터리는 아래 그림과 같습니다.

.ashx 파일은 일반적인 처리 프로그램이므로 지금은 어떤 용도로 사용되는지 알 필요는 없습니다.

먼저 구현하려는 기능을 명확히 합시다. WebForm1 페이지는 매초 Handler1 핸들러에 요청을 보내고, Handler1은 WebForm1 페이지에 데이터를 반환하며, WebForm1 페이지는 Ajax 기술을 사용하여 부분 새로 고침 효과를 얻습니다. .

먼저 Handler1의 메인 코드를 살펴보자:

public void ProcessRequest(HttpContext context)
{
    Random rand = new Random();
    int num = rand.Next(1,10);
    context.Response.Write(num);
}

주로 ProcessRequest 메소드를 위와 같이 변경하여 1~9 사이의 임의의 정수를 생성하여 요청 페이지에 반환한다. .

WebForm1.aspx의 주요 코드를 살펴보겠습니다.

<script type="text/javascript" src="jQuery/jquery-1.7.1.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        function get() {
            $.ajax({
                type: "Post",
                url: "Handler1.ashx",
                data: "",
                success: function (data) {
                    $("#dataShow").text(data);
                }
            });
        }
        setInterval(get, 1000);
    })
</script>

jquery를 사용하려면 방금 다운로드한 jqury-1.7.1.js 파일을 인용해야 합니다. 다음 코드는 이해가 되실 겁니다. 그렇죠? 이것을 이해하지 못한다면 먼저 js의 기본을 따라잡아야 합니다.

페이지에 다음 코드를 추가하세요.

<p id="dataShow"></p>

는 Handler1 요청에 의해 반환된 데이터를 표시하는 데 사용됩니다.

끝났습니다! 그게 다야! 정상이라면 브라우저에서 1부터 9까지 무작위로 변경되는 숫자를 볼 수 있습니다. 여기에서는 전체 페이지가 새로 고쳐지지 않습니다. 믿을 수 없다면

태그에 여백을 주어 스크롤 막대가 브라우저 높이를 넘어 표시될 때 데이터가 변경될 때 스크롤 막대가 맨 위로 돌아가지 않도록 할 수 있습니다. , 이는 부분 새로 고침을 의미합니다.

더 고급 기능에 대해서는 독자 스스로 정보를 확인하고 조사해야 합니다. 이 글은 단순한 소개 글입니다.

asp.net에서 jquery를 사용하여 ajax를 구현하는 솔루션에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!