jquery ajax 局部无刷新更新数据的实现案例_jquery

要更新的页面

第一期
第二期

你好

function duoduo() {
$.ajax({
type: 'post', //可选get
url: 'ajax.aspx', //这里是接收数据的程序
data: 'data=' + $("#lucky1").val(), //传给PHP的数据，多个参数用&连接
dataType: 'html', //服务器返回的数据类型 可选XML ,Json jsonp script html text等
success: function(msg) {
//这里是ajax提交成功后，程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
document.getElementByIdx_x_x("duoduo").innerHTML = msg;
//$("#duoduo").innerHTML = msg;
},
error: function() {
alert('对不起失败了');
}
})
}

操作页面

protected void Page_Load(object sender, EventArgs e)
{
if (Request.Params["data"].ToString().Equals("1"))
{
Response.Write("第一期");
}
else if (Request.Params["data"].ToString().Equals("2"))
{
Response.Write("第2期");
}
}