이 문서에서는 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('aContent') }), 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 바인딩 이벤트 문제에 대한 자세한 설명
효율적인 웹 개발을 위한 10개의 jQuery 코드 조각
위 내용은 jQuery는 HTML 페이지를 지정된 div에 로드합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!