jQuery_jquery의 Ajax 로드 방법에 대한 자세한 설명

먼저 Ajax 예제를 살펴보겠습니다

코드 복사 코드는 다음과 같습니다.

머리>

본문>

test.jsp의 내용:

코드 복사 코드는 다음과 같습니다.

jQuery에서 Ajax를 살펴보겠습니다

1.로드()

load() 메소드는 jQuery에서 가장 간단하고 일반적으로 사용되는 Ajax 메소드로 HTML 코드를 원격으로 로드하여 DOM에 삽입할 수 있습니다.

원격 HTML 코드:

코드 복사 코드는 다음과 같습니다.

머리>

장산:

소파.

이영:

벤치.

왕 우:

바닥.

본문>

load()는 HTML을 로드합니다

코드 복사 코드는 다음과 같습니다.

* { 여백:0;}
            본문 { 글꼴 크기:12px;}
​​ .comment { margin-top:10px; 테두리:1px solid #ccc;배경:#DDD;}
          .comment h6 { 글꼴 크기:700;}
          .para { margin-top:5px text-indent:2em 배경:#DDD;}
스타일>

머리>

이미 댓글을 달았습니다

본문>

load()는 필터링된 HTML 문서를 로드합니다

코드 복사 코드는 다음과 같습니다.

   
   
   
        * {마진:0; 패딩:0;}
        본문 { 글꼴 크기:12px;}
        .comment { margin-top:10px; 패딩:10px; 테두리:1px 단색 #ccc;배경:#DDD;}
        .comment h6 { 글꼴 무게:700; 글꼴 크기:14px;}
        .para { 여백-상단:5px; 텍스트 들여쓰기:2em;배경:#DDD;}
    스타일>
   
머리>

已有评论

본문>

load()방법---回调函数

复主代码 代码如下:

   
   
   
        * {마진:0; 패딩:0;}
        본문 { 글꼴 크기:12px;}
        .comment { margin-top:10px; 패딩:10px; 테두리:1px 단색 #ccc;배경:#DDD;}
        .comment h6 { 글꼴 무게:700; 글꼴 크기:14px;}
        .para { 여백-상단:5px; 텍스트 들여쓰기:2em;배경:#DDD;}
    스타일>
   
머리>

已有评论

본문>

종료

以上就是本文의 전체 부서 内容了, 希望对大家能有所帮助。