ajax初步搭建及示例代码
AJAX(Asynchronous JavaScript and XML):基于XML的异步JavaScript,简称AJAX,是多种技术的综合.
一种客户端技术 ,为互联网用户提供更加友善的交互界面,更加流畅的用户体验.也就是所谓的胖客户端,使网页的效果能够像安装在计算机上的应用软件或系统一样友好华丽.
它由如下四种技术组成:CSS + DOM + XMLHttpRequest+ JavaScript .
各部分功能如下:
CSS : 控制页面的显示 。
DOM : 控制文档结构 。
XMLHttpRequest: 负责与服务器进行异步通信 。
JAVAScript : 调用,控制其他三个组成部分。
如果去掉XMLHttpRequest则为DHTML技术.
==========================================================
基本流程如下:
1) 事件触发通信过程
2)
2.1 创建XMLHttpRequest对象 createXHR()
2.2 准备要发送到服务器的参数 .
2.3 指定用于处理应答的函数 . xhr.onreadystatechange = fn [ 回调函数 ] ;
2.4 open() , send() ;
3) 编写回调函数 .
3.1
通信过程结束 : xhr.readyState == 4
服务器执行 : xhr.status == 200
3.2 对服务器的应答结果进行处理 :
复杂的用xhr.responseXML (DOM方式)
简单的用xhr.responseText(返回的字符串)
==========================================================
XMLHttpRequest与服务器之间数据交换的方式有get和post两种.
使用POST方式提交:
url = "/ajax/test.jsp" ;
XMLHttpRequest.open( "POST" , url );
 
相关文档:
能实现拖放功能的js脚本dom-drag.js www.yongpup.net
基于浏览器的开发框架(Application Frameworks)
1.Bindows www.bindows.net
2.BackBase www.backbase.com
3.DOJO dojotoolkit.org/
4.Open Rico openrico.org/rico/home.page
5.qooxdoo qooxdoo.oss.schlund.de/
6. ......
从2005 年Web2.0 的兴起开始算起,Ajax 伴随着国内的Web 开发社区走过了近四年的成长时间。四年的时间,对于一项Web 技术不算短了,这不仅是对当初对Ajax“旧瓶装新酒”持不屑态度的人的反驳,更把更多观望中的开发者拉入了Web 开发的行列。
Ajax的框架也开始一一出现:
Buffalo 是现任Thought ......
<!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=UTF-8">
<script type="text/javascript&quo ......
php代码:
<?php
$arr = array(1, '刘天才', 22);\
echo json_encode($arr);die();
?>
js:
<script type="text/javascript">
function returnObj( info )
{
var string = info.responseText;
var array = eval( ......