ajax和java

Python06

ajax和java,第1张

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异步发送请求,就不会影响之前填写的信息

如果要使用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技术适用于在页面不刷新的情况下前后台数据的动态数据交互。