Ajax网页实现异步更新----理解

来源:互联网 发布:菲拉格慕蓝色经典 知乎 编辑:程序博客网 时间:2024/06/14 11:40

作为用户,直接接触的是客户端Browser,所能做的动作,(1)看:查看从后台传送过来的数据,这一点没什么可说的(不需要解释)(2)点击:页面根据点击做出相应的相应,通常是页面跳转(根据需求)

下面解释:

传统的页面跳转,前后台实现过程:页面1--->后台程序---->页面2,

页面1和页面2可以是同一个页面,也可以不是同一个页面,但一定有局部的变化或者不同

具体实现过程:页面1的url-->后台程序/页面--->页面2,也就是说,要先离开当前页面,然后在回来


ajax技术,网页实现异步更新,理解如下:

对某个事件的相应,按照URL向后台请求解决方法,并带回索要的数据json,

function sendJson(){//计价器初始化的外部接口方法
$.ajax({
url:'http://XXXXXXX/issue/ier',//按照URL向后台找方法,可以是本地的后台程序,也可以是远程的方法
data:getJsonStr(),//向后台发送的源数据
type:'POST',//请求方式
success:function(data){//请求成功的话,后台程序把传入的源数据data1===>需要的数据,封装在data2中,在这里进行后续的网页操作
var e = eval(data);
if(e.result){
$("#alert-info").find("strong").removeClass("alert-info").addClass("alert-success").text("计价器信息初始化成功").end().fadeIn(500).delay(1000).fadeOut(500);
}else{
alert(e.info);
}
},
error:function(){//请求失败的话,进入到error中
alert("ERROR OCCURED!!");
}
});
}




0 0
原创粉丝点击