如何使用ajax让服务器控件无刷新页面
2016-07-10
展开全部
我写个大概意思,不知道是不是你要的。
假如你左边三个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,主要就是对数据的处理
假如你左边三个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,主要就是对数据的处理
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询