jQuery怎么加载一个html页面到我指定的div里面
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery怎么加载一个html页面到我指定的div里面相关的知识，希望对你有一定的参考价值。
使用ajax。
参考代码：
$(function()
$.ajax(
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg)
$(".gonggao").html(msg);
)
)
扩展资料：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。
beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。
参考技术A使用ajax的load方法。
语法：
load(url,data,function(response,status,xhr))
具体代码：
扩展资料：
.load() 方法，与 $.get() 不同，允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。
jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，比如 <html>, <title> 或 <head> 元素。结果是，由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。
注释：由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。
参考资料：Jquery官方中文文档api--ajax load()
参考技术B <div id="container"></div>$.ajax(type: "POST",
url: "some.php",
dataType: "html",
success: function(html)
$("#container").appen(html);//追加
//$("#container").html(html);//覆盖
);
此类比较基础的问题，可以下载个Jquery CHM帮助文档，通过阅读文档可以轻松解决与巩固知识。
本回答被提问者采纳 参考技术C <div id="要加载的DIV"></div><script>
$( "#要加载的DIV" ).load( "载入页面.html", function( response, status, xhr )
$('#要加载的DIV').html(response);
);
</script>
就这样
怎么通过js或者jquery获取一个页面里面的内容
用jQuery的html方法可以获得某个元素中的内容 ，如果元素是html标签，则可以获得页面的全部内容：例如：$(document).ready(function()
var html_str=$("html").html();
alert(html_str);
);
上面代码可以获得页面的全部内容。（当然要先导入jQuery） 参考技术A JS：document.getElementById("")//获取指定 ID 的元素
JS：document.getElementsByClassName()//获取带有指定类名的所有元素的节点列表
JS：document.getElementsByTagName()//获取标签名称的所有元素的节点列表（集合/节点数组）
js还有一个获取元素就不一一列出了，JQ的选择器就非常的方便了，只需要遵循CSS的就可以：比如：$(".class类名，#id，以及标签，input[type='text'],等等都是可以直接这样使用的");
以上是关于jQuery怎么加载一个html页面到我指定的div里面的主要内容，如果未能解决你的问题，请参考以下文章