使用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对象的函数。
你的这个分两种情况 1、你的新数据是累加在旧数据上的 2、你的新数据要覆盖原来的数据 两种类型都给你写一下吧，解决如下： <!DOCTYPE HTML><html><head><title>Page Title</title> </head><body> <!-- 点击累加数据的时候，原来的 1 和 2 等都不删除 --> <dl id="dl1"> <dd>1</dd> <dd>2</dd> <dt><a href="javascript:">累加数据</a></dt> </dl> <!-- 点击覆盖的时候，原来的所有数据要删除 --> <dl id="dl2"> <dd>1</dd> <dd>2</dd> <dt><a href="javascript:">新数据覆盖旧数据</a></dt> </dl></body></html><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript"> var i = 2 // 绑定两个点击方法$("#dl1 a").click(function() {AjaxGetData1() }) $("#dl2 a").click(function() {AjaxGetData2() }) // 模拟 ajax 获取数据，这里我就随便写了一个，用循环生成的了// 数据累加function AjaxGetData1() {var data = "<dd>" + (i + 1) + "</dd><dd>" + (i + 2) + "</dd>" i = i + 2 // 直接把 ajax 获取的数据，加到 id="dl1" 下的 dt 之前（before）$("#dl1 dt:eq(0)").before($(data)) } // 数据覆盖function AjaxGetData2() {var data = "<dd>" + (i + 1) + "</dd><dd>" + (i + 2) + "</dd>" i = i + 2 // 先删除 id="dl2" 下的所有 dd，然后再把新获取的 data 加到 id="dl2" 的 dt 之前$("#dl2 dd").remove() $("#dl2 dt:eq(0)").before($(data)) }</script>利用jq的append()追加函数即可实现，如：
html：
<div class="main"><input type="button" value="添加" class="btn" />
</div>
JQ：
$(document).ready(function(){$(".btn").click(function(){
var html = '<div style="width:200px height:30px border:1px dashed red margin-bottom:20px"></div>'
$(".main").append(html)
})
})
