asp.net 에서 jquery 를 사용 하여 ajax 를 실현 하 는 해결 방법

jquery 든 ajax 든 오늘 토론 하 는 것 은 이미 매우 낙후 되 었 고 인터넷 에 도 이 방면 의 자료 가 매우 많 지만 여전히 많은 초보 자 들 이 이에 대해 매우 막연 하 다.본 고 는 가장 간단 한 방법 으로 초보 자 에 게 jquery 를 어떻게 사용 하여 ajax 기술 을 실현 하 는 지 시범 을 보 였 다.jquery 가 무엇 인지,ajax 가 무엇 인지 에 대해 서 는 스스로 구 글 이 간다.
우선 Ajax 라 는 이름 의 asp.net 웹 빈 프로그램 을 새로 만 듭 니 다.프로젝트 디 렉 터 리 는 다음 그림 과 같 습 니 다.

그 중에서.ashx 파일 은 일반 처리 프로그램 입 니 다.그것 이 무엇 을 사용 하 는 지 알 필요 가 없습니다.나중에 알 게 될 것 입 니 다.jquery-1.7.1.js 는여기
우 리 는 먼저 우리 가 실현 하고 자 하 는 기능 을 정리 합 니 다.WebForm 1 페이지 는 1 초 간격 으로 Handler 1 처리 프로그램 에 요청 하고 Handler 1 은 데 이 터 를 WebForm 1 페이지 에 반환 하 며 WebForm 1 페이지 는 ajax 기술 을 통 해 부분 적 인 리 셋 효 과 를 실현 합 니 다.
먼저 Handler 1 의 주요 코드 를 살 펴 보 자


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>

Handler 1 에 게 되 돌아 오 라 고 요청 한 데 이 터 를 표시 하 는 데 사 용 됩 니 다.
망 했다!이렇게 많아정상 이 라면 브 라 우 저 에서 1 부터 9 까지 무 작위 로 변 하 는 숫자 를 볼 수 있 습 니 다.여 기 는 전체 페이지 가 새로 고침 되 지 않 습 니 다!믿 지 않 으 면

탭 에 margin 을 표시 할 때 브 라 우 저 높이 를 초과 하여 스크롤 바 가 나타 날 수 있 습 니 다.데이터 가 변 할 때 스크롤 바 가 맨 위로 돌아 가지 않 으 면 부분 새로 고침 임 을 설명 합 니 다.
더욱 고 급 스 러 운 기능 에 대해 서 는 독자 스스로 자 료 를 찾 아 연구 해 야 한다.이것 은 단지 간단 한 입문 문장 일 뿐이다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

작업 중 문제 해결 - (win 2003 asp. net) Session 과 페이지 전송 방법 으로 해결 방안 을 정상적으로 사용 할 수 없습니다.

또한 F 는 처음에 우리 의 BP & IT 프로젝트 팀 이 Forms 폼 검증 을 사용 했다 고 판단 할 수 있 습 니 다. 페이지 를 뛰 어 넘 는 것 은http://hr.bingjun.cc/MyTask/MyTas...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

asp.net 에서 jquery 를 사용 하여 ajax 를 실현 하 는 해결 방법

좋은 웹페이지 즐겨찾기