jQuery加载一个html页面到指定的div里面
程序员文章站
2022-04-21 22:44:42
...
本文讲述了jQuery如何加载一个html页面到指定的p里,jQuery $.ajax 如何请求另一个html页面的指定的一部分加载到本页面p,那就让我们来看看jQuery是怎么完成这些请求的吧。
jQuery如何加载一个html页面到指定的p里?
我想把a.html里面的某一部份的内容加载到b.html的一个p里。
比如,我要加载a.html里面的<p id=“aContent"></p>这个p里面的所有内容加载到b.html的这个p里<p id="rightCon"></p>
请问要怎么写呢。
用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加载一个html页面到指定的p里面 的所有的内容,希望对同学们有所帮助。
相关推荐:
以上就是jQuery加载一个html页面到指定的div里面的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决用jquery load加载页面到div时,不执行页面js的问题
-
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法教程
-
requireJS在同一个HTML/JSP页面,加载不同版本的jquery_html/css_WEB-ITnose
-
requireJS在同一个HTML/JSP页面,加载不同版本的jquery_html/css_WEB-ITnose
-
解决用jquery load加载页面到div时,不执行页面js的问题
-
解决用jquery load加载页面到div时,不执行页面js的问题_jquery
-
解决用jquery load加载页面到div时,不执行页面js的问题_jquery
-
jQuery加载一个html页面到指定的div里面
-
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法_jquery
-
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法教程