J2EE下使用AJAX(二) Prototype封装

转载 2015年07月11日 08:37:11

需提前下载prototype.js并置于自己的项目中,本例实现的功能与上例类似,Prototype对XMLHttpRequest进行了封装,我们可以使用较为简单的方式发送请求。

2.1 Servlet

实际上与上例的Servlet完全一样。内容如下:

package lld.test.ajax;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class PrototypeAjaxServlet extends HttpServlet
...{
    
private static final long serialVersionUID = -839091745512216332L;

    @Override
    
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
            
throws ServletException, IOException
    
...{
        
this.doPost(req, resp);
    }


    @Override
    
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
            
throws ServletException, IOException
    
...{
        String uname 
= req.getParameter("uname");
        String return_str 
= "Hello, " + uname;
        resp.getOutputStream().print(return_str);
        resp.getOutputStream().close();
        System.out.println(return_str);
    }


}

2.2 JSP

首先,要在页面中引用prototype.js

<script type="text/javascript" src="js/prototype.js"></script>

发送请求的HTML代码

<input type="button" value="Prototype" onclick="prototype_ajax()" />

发送/接收请求的JavaScript代码


function prototype_ajax()
...{
    
var url = "PrototypeAjax.do";
    
var pars = "uname=London&reqid=" + Math.random();
    
var myAjax = new Ajax.Request(
        url,
        
...{method: 'post', parameters: pars, onComplete: prototype_response}
    );
}


function prototype_response(req)
...{
    alert(req.responseText);
}

 

与使用原始方法相比,该方式更为简洁直观(我最常用的一种)。

在发送请求时,使用了一个随机数作为参数,是因为浏览器缓存的缘故,如果在调试过程中更改了程序,使用随机数参数可以强制程序不使用缓存中的数据,从而可反映出程序最新的变化。

2.3 web.xml

<servlet>
    
<servlet-name>PrototypeAjax</servlet-name>
    
<servlet-class>lld.test.ajax.PrototypeAjaxServlet</servlet-class>
</servlet>

<servlet-mapping>
    
<servlet-name>PrototypeAjax</servlet-name>
    
<url-pattern>/PrototypeAjax.do</url-pattern>
</servlet-mapping>

相关文章推荐

J2EE项目系列(四)--SSM框架构建积分系统和基本商品检索系统(Spring+SpringMVC+MyBatis)(3)Ajax使用详解(级联列表)以及企业级报表Excel导入导出实现

今天来讲下企业的开发的一些功能应用吧,就是Ajax使用,以及简单的企业报表的导入导出,基于原有的项目进行展示(其实是本博主想偷懒)。 本博客属于一个项目的系列之一,每个大功能点都配置了一篇博客解析。h...

使用DWR 开发ajax J2EE

  • 2009-03-02 09:50
  • 9.08MB
  • 下载

使用DWR开发AJAX For J2EE

  • 2009-03-25 20:56
  • 6.65MB
  • 下载

【J2EE】ajax实现页面无刷新完成crud操作

0.首先还是按照惯例,上效果图(no picture, no …) 可以看到使用ajax异步的方式去做crud操作时,整个页面是没有刷新的(参考左上角的刷新按钮),这种体验更像是C/S架构1.A...

使用DWR开发AJAX For J2EE

  • 2008-02-27 16:56
  • 6.65MB
  • 下载

J2EE ajax中文乱码解决

前几天在关于java web 开发中遇到的表单提交、ajax提交的乱码问题,纠结死了,找了下资料,终于发现解决方法,总结了一下,方便日后查找。         1、html表单提交,在文本框中输入中...

J2EE开发技术点4:ajax技术

前言AJAX 是在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。需要知道的是,Ajax技术并不是一项新的技术,而是使用现有技术解决问题的新方法。Ajax(Asynchronous ...

【j2ee spring】45、巴巴运动网前台ajax应用

巴巴运动网前台ajax应用文件目录结构添加功能模块1、图文显示productlist_text.jsp <%@ taglib uri="/struts-tags" prefix="s"
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)