2009 12 28 传智播客—AJAX（综合练习）
今天早上老佟将昨天的练习进行了讲解。今天的主要内容是对AJAX的汇总练习，做了两个练习都是比较常使用的应用。
一、 下拉框的级联，比如，选择下拉框一中的内容（城市名称），在下拉框二中显示在这个城市中的部门。在下拉框二中选择部门名称，在下拉框三中显示部门的人员。在下拉框中选择人员名称，在表格中显示人员具体信息。这就是级联，数据存储在数据库中。使用AJAX技术只更新当前页面部分内容，无须刷新整个页面。
二、 用户注册功能，提示用户名是否合法等。同样也是使用AJAX技术。
这两个练习大家都比较常见，WEB已经这么流行了！Ok，接下来让我们看看具体流程。我把这两个图画一下。（只为AJAX与Struts1的配合练习）
练习一：下拉框的级联
以上没有使用service层，那样做会使程序更优雅。但对于这个小练习没有必要，甚至编写多个DAO也没必要，老佟只编写了一个DAO。在这里我们麻烦一下自己吧！
这里与页面的交互数据是JSON，JSON用在表单上十分方便。
列出一部分程序的代码，在页面加载时。需要获取城市列表，并将城市添加到下拉列表框中（对应的项目value是城市的Id）。：
var url="${pageContext.request.contextPath}/cascading.do?method=getAllCities";
var args = {"time":new Date()};
$("#city > option:not(:first)").remove();
// 严重注意JSON数据的格式，出一点差错都不可以，比如少了一个“:”。
$.getJSON(url, args, function(data){
if(data != null){
//将所有的城市显示到下拉列表框中
for(var i=0; i <&nbs
相关文档：
function verify() {
//解决中文乱麻问题的方法1，页面端发出的数据作一次encodeURI，服务器段使用new String(old.getBytes("iso8859-1"),"UTF-8");
//解决中文乱麻问题的方法2，页面端发出的数据作两次encodeURI，服务器段使用URLDecoder.decode(old,"UTF-8")
var url = &qu ......
just get a json
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<mce:script src="jquery-1.3.2.min.js" mce_src="jq ......
B/S为何难于提供好的用户交互体验?
最大问题有几个：
(1)无状态的HTTP协议
WINDOWS窗体间能够通过内存直接交换信息，但作为B/S架构通讯基础协议的HTTP是无状态的。
如果将浏览器看成是客人，Web服务器看成是旅馆，在HTTP协议的管理之下，会出现这种情况：不管某客人来访多少次，Web服务器都将其视为� ......
1.胖客户端的部署方案
java web start
.net clickonce
2.入侵思路
HTTP数据的记录->发现ajax可能存在问题的点->绕过javascript的一些限制和破解javascript混淆代码->找到json的sql注入点->找到ajax可以添加管理员的回调函数和json相关
3.sql注入小技巧
union select name from sysobjects where xtype='U ......
感谢您注册使用 Google AJAX Search API 密钥！
您的密钥是：
ABQIAAAA2XOmDwsdSefVWtliFM7oAhRgUnSrtx2R2fBqn5WGl7l070PqvBRbr7s7L72cRNSIH96KndKP3sbASw
该密钥可用于该目录中的所有网址：
http://www.rdladmin.test
以下是帮助您入门的实例网页：
<!DOCTYPE html PUBLIC "-//W3C//DTD X ......
