使用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)
}