对于ajax的定义我这里不再赘述,如果有不懂的可以访问www.w3school.com.cn这个网站学习一下。
这里主要讲述在页面里使用ajax访问服务器达到局部刷新的效果。
首先在script里面声明一个function
<script type="text/javascript">
function ajax()
{
var request=new XMLHttpRequest();
request.onreadystatechange=function()
{
if(request.readyState==4&&request.status==200)
{
var ret=request.responseText;//接收服务器传过来的结果
//根据从服务器传过来的值进行更新页面的部分内容的具体代码
代码其中的user.do就是创建servlet的时候servlet-mapping里/后面的内容,意思就是通过这个里面的内容可以访问这个对应的servlet,?method=ajax中?表示只传了一个参数过去,这个参数的名字为method,值为ajax,可以在servlet的service方法中通过request.getParameter("method");获取这个值为ajax。} } request.open("get","user.do?method=ajax",true); request.send(null); }
如果后面要传多个参数,其中第一个参数前面是用?,后面的参数前面用&。例如“user.do?method=ajax&way=update”。
然后在某一个元素上添加一个事件调用这个方法,例如:οnclick=“ajax()”;