
例:$.ajax({
url:"a.aspx?a=123",
type:"post",
success:function(data){
}
})
Ajax的原理就是:通过javascript的方式,将前台数据通过xmlhttp对象传递到后台,后台在接收到请求后,将需要的结果,再传回到前台,这样就可以实现不需要页面的回发,页是数据实现来回传递,从页实现无刷新。(全是自己的理解,不是copy的)
例如上面的代码就是,请求a.aspx页面,将查询参数a=123传递给哪个页面后,哪个页面接收到数据,处理完后,如果成功,即进入success函数,里面的data即为回传的值,然后再将 data的内容通过js的控制,让其显示到页面上。
我推荐楼主最好用 jquery框架(轻量很好用),自己完全用js也可以。
上面全是自己的理解,如果哪里有不对,请谅解。
我写个大概意思,不知道是不是你要的。假如你左边三个div的id分别是div1、div2、div3,右边div的id是div4
$("#div1").click(function(){
$.ajax({
url : "...", //向后台请求数据的url
type : "POST", //请求类型,你这里对数据处理,一般选择POST
data : {}, //向后台传递的参数,不需要参数,可以不写
dataType : "json", //将返回的数据转换成json数据,也可以是text或html,看你自己需求
success : function(data){
//这里就是你对数据的处理,data即返回的数据
//div动态显示数据,可以用jquery的html()或text()方法向div动态添加元素,当然,使用方法前,先要清空div,用empty()方法就OK了,例如:$("#div4").html("123")
},
error : function(){
alert("报错")
}
})
})
div2和div3点击都一样,写个ajax,主要就是对数据的处理
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)