今天佟老师教我们使用ajax技术来完成数据库级联查询的一个小项目，课下我对这个项目做了以下笔记：
Ajax小项目：使用的技术：c3p0连接池、struts，jquery及其插件、dbutil
a) 步骤：配置c3p0的数据库连接池,导入jar包，导入oracle驱动，
b) 添加c3p0的配置文件，c3p0-config.xml；
<?xml version="1.0" encoding="UTF-8"?>
<c3p0-config>
<named-config name="ajaxDataSource">
<property name="acquireIncrement">2</property>
<property name="initialPoolSize">5</property>
<property name="minPoolSize">6</property>
<property name="maxPoolSize">10</property>
<property name="maxStatements">5</property>
<property name="maxStatementsPerConnection">5</pr ......
今天佟老师教我们使用ajax技术来完成数据库级联查询的一个小项目，课下我对这个项目做了以下笔记：
Ajax小项目：使用的技术：c3p0连接池、struts，jquery及其插件、dbutil
a) 步骤：配置c3p0的数据库连接池,导入jar包，导入oracle驱动，
b) 添加c3p0的配置文件，c3p0-config.xml；
<?xml version="1.0" encoding="UTF-8"?>
<c3p0-config>
<named-config name="ajaxDataSource">
<property name="acquireIncrement">2</property>
<property name="initialPoolSize">5</property>
<property name="minPoolSize">6</property>
<property name="maxPoolSize">10</property>
<property name="maxStatements">5</property>
<property name="maxStatementsPerConnection">5</pr ......
1.创建XMLHttpRequest对象：
function newXMLHttpRequest() {
var requestObj;
if (window.XMLHttpRequest) {
// Non IE
requestObj = new ActiveObj('XMLHttpRequest');
} else {
//IE
requestObj = new ActiveObj('Microsoft.XMLHTTP');
}
return requestObj;
}
2.设置在请求过程中状态发生变化时要调用的函数，当然这个过程中它会被调用好几次：
var xmlRequest;
xmlRequest = newXMLHttpRequest();
xml.onreadystatechange = callbackhandler;
在发送过程中会有5种状态的转换：
状态数字码描述
0
未初始化状态。这是在开始操作之前readyState域最初的值
1
正在加载状态。它意味着open()方法被调用了，但还没有调用send()方法
2
已经加载状态。它意味着send()方法被调用，并且对象已经完成请求了，但是还没有接收到数据，此时头信息和状态是可用的
3
正在接收(或者说交互)状态。此时数据正在接收中，reponseText中存储着到目前为止接受到的数据
4
交互完成状态。请求已经完成并且已经接收到完整的响应
3.调用open方法告诉对象想调用什么URL来处理这次请求，它有三个参数，第一个参数是 ......
很多人都用过AJAX控件吧，AJAX控件不需要刷新页面就可以到后台去读出数据到客户端．AJAX控件除了有很炫的特效外，其要功能就是不需要刷新整个页面就可以取得用户所需要的数据，我把这一块的的功能封装成一个类，方便日后可以重复使用，代码如下：
//Ajax Request Class Start
function AJAXRequestClass()
{
var adapter;
AJAXRequestClass.prototype.Send=function(par1,par2){return false;}
//SetLoadingEvent:Then server return value must handle this event.
AJAXRequestClass.prototype.SetLoadingEvent=function(FunctionName){if(FunctionName)
{AJAXRequestClass.prototype.DataHandler=FunctionName;return true;}else{return false;}}
AJAXRequestClass.prototype.ErrMessage="";
AJAXRequestClass.prototype.Status=0;
function tmpType()
{
tmpType.prototype.TEXT=0;
tmpType.prototyp ......
很多人都用过AJAX控件吧，AJAX控件不需要刷新页面就可以到后台去读出数据到客户端．AJAX控件除了有很炫的特效外，其要功能就是不需要刷新整个页面就可以取得用户所需要的数据，我把这一块的的功能封装成一个类，方便日后可以重复使用，代码如下：
//Ajax Request Class Start
function AJAXRequestClass()
{
var adapter;
AJAXRequestClass.prototype.Send=function(par1,par2){return false;}
//SetLoadingEvent:Then server return value must handle this event.
AJAXRequestClass.prototype.SetLoadingEvent=function(FunctionName){if(FunctionName)
{AJAXRequestClass.prototype.DataHandler=FunctionName;return true;}else{return false;}}
AJAXRequestClass.prototype.ErrMessage="";
AJAXRequestClass.prototype.Status=0;
function tmpType()
{
tmpType.prototype.TEXT=0;
tmpType.prototyp ......
很久以前，我学会了用dhtmlxtree，那是一棵很不错的树，用起来很方便，但是一个问题一直没有解决，从前都是分很多次去数据库中查，遵循的原则是，先查出上级，然后再根据上级ID查出下级ID，这样一层一层的查，于是当数据量大了，树加载的时候会很的很慢，有时候等他开始加载的时候，可以告诉屏幕前的人员，“您可以选择去查喝杯咖啡或者出去逛逛再回来，因为需要很久”，顿时无语。
数据库是这样设计的：
ID 名称 上级ID
1 A
2 B
3 C 1
4 D 1
……
使用dhtmlxtree的方法(自己查看 ......
xmlHttp形式的Ajax：XmlHttp形式的Ajax IBM技术文档库
以下是利用隐藏iframe实现的ajax:
index.htm
<html>
<head>
</head>
<body>
<iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
</iframe>
<div id="resultCase">
</div>
<input type="button" value="showResult" onclick="AjaxGo();" />
</div>
<script type="text/javascript">
function AjaxGo()
{
document.getElementById("testFrame").src = "ajax.htm";
}
function ShowResult()
{
document.getElementById("resultCase").innerHTML = "hello world !";
}
</script>
</body>
</html>
ajax.htm
<html>
<head>
......
在ajax没出来之前，一直是用iframe实现的无刷新请求。
主要的原理是：
使用js创建一个隐藏的iframe
把要提交的表单的target属性指向1中生成的iframe
在请求的页面中回调父页面的方法
这样就实现了一个简单的“异步提交”
看起来和ajax一样的效果，那为什么还要有ajax，我们来比较下：（以下把ajax技术称为XHR，iframe实现的称为iframe）
XHR 和 iframe的区别主要在4个地方：
多线程
从上面说的原理很容易就能看出利用iframe实现的异步请求，其实也还是同步的，也就是说后台在处理这个请求的时候，前台仍然是什么都不能做的；而XHR是真正实现了异步请求，它能发起多个异步请求。
回退键
键盘上上的回退键的主要功能是退回到上一个历史页面。
利用iframe实现的异步请求，按回退键是可以回到上个历史页面的；而XHR不行，因为它根本没有留下任何历史的痕迹。
所以现在大多数的搜索引擎是没有利用ajax实现搜索的。
跨站访问
利用iframe实现的异步请求，请求的地址是可以是本应用外的服务；而XHR只能请求本应用的服务。
注意：只要是不用域名的都会被拒绝访问，无论是子域名访问父域名，还是父域名访问子域名
请求的状态
想要在请求返回� ......
在ajax没出来之前，一直是用iframe实现的无刷新请求。
主要的原理是：
使用js创建一个隐藏的iframe
把要提交的表单的target属性指向1中生成的iframe
在请求的页面中回调父页面的方法
这样就实现了一个简单的“异步提交”
看起来和ajax一样的效果，那为什么还要有ajax，我们来比较下：（以下把ajax技术称为XHR，iframe实现的称为iframe）
XHR 和 iframe的区别主要在4个地方：
多线程
从上面说的原理很容易就能看出利用iframe实现的异步请求，其实也还是同步的，也就是说后台在处理这个请求的时候，前台仍然是什么都不能做的；而XHR是真正实现了异步请求，它能发起多个异步请求。
回退键
键盘上上的回退键的主要功能是退回到上一个历史页面。
利用iframe实现的异步请求，按回退键是可以回到上个历史页面的；而XHR不行，因为它根本没有留下任何历史的痕迹。
所以现在大多数的搜索引擎是没有利用ajax实现搜索的。
跨站访问
利用iframe实现的异步请求，请求的地址是可以是本应用外的服务；而XHR只能请求本应用的服务。
注意：只要是不用域名的都会被拒绝访问，无论是子域名访问父域名，还是父域名访问子域名
请求的状态
想要在请求返回� ......
最新文章 : ajax