如何在Java项目中使用Ajax?

Python028

如何在Java项目中使用Ajax?,第1张

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

//方式一:使用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(接收的参数)

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