jQuery怎么加载一个html页面到我指定的div里面

html-css013

jQuery怎么加载一个html页面到我指定的div里面,第1张

使用ajax。

参考代码：

$(function(){

$.ajax({

type:"POST",      url:"LoginLoadArticle.ashx",    

data: "type="+escape("最新公告") ,

success:function(msg){

$(".gonggao").html(msg)

      },      error:function(XMLHttpRequest, textStatus, thrownError){}

})

})

扩展资料：

xml：返回XML文档，可用JQuery处理。 

html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。 

script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。 

json：返回JSON数据。 

jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。 

text：返回纯文本字符串。 

beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。

用jquery的ajax类似的请求就可以了：比如：

$.get("test.php", function(data){

alert("Data Loaded: " + data)

//拿到data以后就直接插入到指定的div里面，加入div id为tag

那么写法为$("#tag").append(data)

})

<!DOCTYPE html>

<html>

<head>

  <style>

 body{ font-size: 12px font-family: Arial }

 </style>

  <script src="

</head>

<body>

<b>Footer navigation:</b>

<ol id="new-nav"></ol>

<script>

  $("#new-nav").load("ajax/test.html #container")

</script>

</body>

</html>

可以用jquery里面的load方法，上面的例子是在ajax/目录下找到test.html文件，把里面id为#container的div加载到该页面div为#new-nav的盒子！