有了html页面，进行二次显示，通过html、JavaScript、jQuery的ajax三种技术，我可以实现任何界面效果

当前j2ee的web工程开发， 最常用的前端显示技术，有两种：html、jsp。

场景：

以html为例，当用户执行了某个操作，j2ee的web工程反馈了一个html页面给用户（其实不是这么简单，中间有渲染的过程，这里略过，就当用户得到了一个html页面）。例如点击“新增”按钮，得到了一个新增页面userInfo_add.html。

而此时有个需求：点击userInfo_add.html页面上的某个按钮，可以对userInfo_add.html页面进行任何自定的修改，如：

输入身份证号，点击按钮，则去后台查询有没有这个人

1）如果有了，将这个人的所有信息，在按钮的下方显示出来（姓名、性别、年龄、学历等）。

2）如果没有，就说查无此人，并且按钮下方什么都没有，是空白的。

实现过程如下：

第一步：在html页面上，添加触发JavaScript函数的控件（button等）。

第二步：书写JavaScript函数，对html页面上的标签、控件进行获取。

第三步：在JavaScript函数中，通过jQuery的ajax，通过发起http 的url的request请求，去执行后端的java代码，并返回执行结果给JavaScript函数。

第五步：通过对返回结果进行解析，并对html页面进行修改到预期摸样，显示给用户。

我称这种过程是，页面的二次加工，也叫他二次渲染，也叫也不刷新。为什么称之为二次？因为是对当前显示的html页面（称为原始的html页面）进行的二次加工，二次显示。

要实现二次显示，只需要html、JavaScript、jQuery的ajax三种技术，就可以实现任何界面（即界面先）。也就是说，画板已经有了（即原始html页面），你再想要任何什么界面，我都可以给你实现。

而怎么得到原始的html页面，并在浏览器显示？很简单：

1）直接在浏览器中输入http://127.0.0.:8080/testProject/index.html

注意：index.html不要放在Web-Inf下，而直接放在WebContent下。

2）在js中，书写，window.location.href =“http://127.0.0.:8080/testProject/index.html”;

注意：index.html不要放在Web-Inf下，而直接放在WebContent下。

核心技术是jQuery的ajax。