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

html-css024

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对象的函数。

$(document).ready(function(){

$("#btn2").click(function(){

$("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc")

})

$("#btn1").click(function(){

$("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>")

})

})

这里我们必须知道一点,就是 append 和 appendTo 的区别:append 单纯的内容,appendTo 要把内容传给某个元素。

这个函数的用法有很多,比如你可以按需要追加form,在区域内追加图片等等都是可以的。

可以定义一个全局变量,在选取该元素将此元素赋给此变量,在点button时,将此变量append到你所要添加的地方。

比如:

var tempDOM

function clickDOM(){

tempDOM = $(this)

}

function clickButton(){

$("#你所要添加到的div或者其他的id").append(tempDOM)

}