>  기사  >  웹 프론트엔드  >  jQuery는 HTML 페이지를 지정된 div에 로드합니다.

jQuery는 HTML 페이지를 지정된 div에 로드합니다.

韦小宝
韦小宝원래의
2018-05-16 15:11:115316검색

이 문서에서는 jQueryhtml 페이지를 지정된 p에 로드하는 방법, jQuery $.ajax 다른 html 페이지의 지정된 부분을 이 페이지 p에 로드하도록 요청하는 방법에 대해 설명합니다. 봐 jQuery는 이러한 요청을 어떻게 완료하나요?

jQuery는 HTML 페이지를 지정된 p에 어떻게 로드하나요?

a.html 콘텐츠의 특정 부분을 b.html의 p로 로드하고 싶습니다.
예를 들어, a.html에 3ae8df1c09886a40dd1cd31fb03be95c94b3e26ee717c64999d7867364b1b4a3를 로드하고 이 p의 모든 콘텐츠를 b.html2d498878995c9cc80b1d74d60063981294b3e26ee717c64999d7867364b1b4a3
어떻게 쓰는지 알려주세요.
jquery ajax로 할 수 있습니다
a.html과 b.html이 같은 디렉토리에 있다고 가정합니다.

b.html

<script >
$(document).ready(function() {
    bodyContent = $.ajax({
        url: "b.html",
        global: false,
        type: "POST",
        data: ({
            id: this.getAttribute(&#39;aContent&#39;)
        }),
        dataType: "html",
        async: false,
        success: function(msg) {
            alert(msg);
        }
    })
});
</script>

jQuery $.ajax 다른 HTML 페이지의 지정된 부분을 로드하도록 요청하는 방법 이 페이지 p?

일반적인 개념은 다음과 같습니다.

$.ajax( {
        url: url, //这里是静态页的地址
        type: "GET", //静态页用get方法,否则服务器会抛出405错误
        success: function(data){
            var result = $(data).find("另一个html页面的指定的一部分");
            $("本页面p").html(result);
        }
});

매개변수가 이해되지 않으면

을 참조하거나 다음 코드를 참조하세요.

$(function(){
     $.ajax({
            type:"POST",
            url:"LoginLoadArticle.ashx",
            data: "type="+escape("最新公告") ,
            success:function(msg){
                $(".gonggao").html(msg);
            },
            error:function(XMLHttpRequest, textStatus, thrownError){}
        })
     
})

위는 jQuery의 모든 내용입니다. 지정된 p에 HTML 페이지를 로드하는 것이 학생들에게 도움이 되기를 바랍니다.

관련 권장 사항:

루프의 JQuery 바인딩 이벤트 문제에 대한 자세한 설명

가장 가까운 상위 노드를 찾는 jQuery 구현

효율적인 웹 개발을 위한 10개의 jQuery 코드 조각

위 내용은 jQuery는 HTML 페이지를 지정된 div에 로드합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.