jquery ajax 局部无刷新更新数据的实现案例
本文导语: 要更新的页面 代码如下: 第一期 第二期 你好 function duoduo() { $.ajax({ type: 'post', //可选get url: 'ajax.aspx', //这...
要更新的页面
第一期
第二期
你好
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("
}
}