使用Ajax实现动态加载数据-优快云博客

Ajax:Asynchornize Javascript and XML.

常用场合是，客户端和服务器进行少量的数据交互。客户端不需要刷新整个页面，只是将部分的数据通过和服务器进行交互后更新。

自己看了教程后写了一个小例子。

university.jsp:

<%@ page language="java" contentType="text/html; charset=GB2312" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>选择学校</title> </head> <mce:script type="text/javascript"></mce:script> <body> <form action="" name="form_university" method="post"> 选择城市：<input type="checkbox" name="check_beijing" id="check_beijing" onClick="updateCity(0)">北京市 <input type="checkbox" name="check_chongqing" id="check_chongqing" onClick="updateCity(1)">重庆市 <br> 学校名称：<div id="universities"></div> </form> </body> </html>

universityprocess.jsp:

点击：北京市