鄙人对jsp页面使用AJAX的一点小理解和用法

对于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;//接收服务器传过来的结果        
					//根据从服务器传过来的值进行更新页面的部分内容的具体代码	

				}
			}
			request.open("get","user.do?method=ajax",true);
			request.send(null);

}
代码其中的user.do就是创建servlet的时候servlet-mapping里/后面的内容,意思就是通过这个里面的内容可以访问这个对应的servlet,?method=ajax中?表示只传了一个参数过去,这个参数的名字为method,值为ajax,可以在servlet的service方法中通过request.getParameter("method");获取这个值为ajax。

如果后面要传多个参数,其中第一个参数前面是用?,后面的参数前面用&。例如“user.do?method=ajax&way=update”。

然后在某一个元素上添加一个事件调用这个方法,例如:οnclick=“ajax()”;



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值