重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.将你需要的处理的东西在服务器端写成action 或者servlet,总之你能调用到就行2.在你需要的页面进行ajax操作,请求你写的服务端程序3再ajax回调函数来处理服务器端返回的数据。
创新互联建站长期为数千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为昆玉企业提供专业的网站建设、成都网站设计,昆玉网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
如果要使用ajax,必须要导入相应的jquery.js等才可以用。具体用法如下:
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
alert(data.status);
});
});
ajax技术适用于在页面不刷新的情况下前后台数据的动态数据交互。
ajax是一种用来改善用户体验的技术,其实质是利用浏览器内置的一个特殊的对象
(XMLHttpRequest对象,一般称之为ajax对象)异步地(当ajax对象发请求时,浏览
器不会销毁当前页面,用户任然可以对当前页面做其他操作)向服务器发送请求,
服务器送回部分数据(并不是一个完整的页面),利用这些数据更新当前页面。整
个过程,页面无刷新,不打断用户的操作
编程步骤:
step1,获得ajax对象
比如:
var xhr=getXhr();
step2,发请求:
方式一:get请求
xhr.open('get','check_username.do?username=zs',true);
请求参数、请求资源路径、是否异步
注意:
a,get请求必须将请求参数添加到请求资源路径的后面。
b,true表示异步请求、false表示同步请求。
异步请求:发请求时,浏览器不会销毁当前页面,用户可以对当前页面做
其他操作。
同步请求:发送请求时,浏览器不会销毁当前页面,用户不可以对当前页面
做其他操作。
xhr.onreadystatechange=f1;
xhr.send(null);
方式二:post请求
xhr.open('post','','')
step3,编写服务器端的处理程序,一般服务器只需要返回部分的数据。
step4,编写事件处理函数。
function f1(){
if(xhr.readyState==4){
var txt=xhr.responseText;
使用txt更新当前页面...
}
}
java服务器端处理ajax发送的请求,和处理其他请求是一样的,只是在客户端页面表现的不同,比如:执行页面发送删除请求,服务器端在执行删除后,页面是需要刷新的。
ajax最经典的用法是验证码,注册页面如果因为验证码输入错误要刷新,之前的信息重填,估计用户会崩溃,采用ajax异步发送请求,就不会影响之前填写的信息
//方式一:使用post请求的方式,不通过url传参,采用data传参
$.ajax({
url:"userAction_findMangerByDeptId",//访问的地址
type:"post",
data:{"传递到后台的参数名":参数},
dataType:'text',//后台返回的数据格式类型
success:function(data){
})
}
})
}
//方式二:这是get提交方法,会出现中文乱码,所以要 1.先将数据转码
参数名 = encodeURI(encodeURI(要转的参数));
$.ajax({
url:"userAction_findMangerByDeptId?参数名"+参数值,
type:"get",
dataType:'text',//后台返回的数据格式类型
success:function(data){
})
}
})
}
2.后台接收前端传递内容后要进行解码
String 参数名 = URLDecoder.decode(接收的参数);