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 );
 
相关文档:
这里我们再理解了AJAX后,开始来用实例感受AJAX的力量。
今天我最后要实现的效果,当鼠标放到图片上时会根据,会把数据库库里的数据读出,通过显示框显示出来。这个在很多网上商店都有用到这里效果,我们这里用AJAX来实现这个效果。这个实例里结合了MySql、Servlet还有Js,理论性很少,但通过实践来感受理论知识。
......
主要是文件的一个管理系统,页面脚本是由JQuery (V1.3.1)插件的方式编写,所有功能都是通过Ajax和后台数据互交,并结合自己开发的插件与结合第三方插件的整合,服务器端由ASP.NET编程(有兴趣的朋友可以改写成其它代码,如jsp/php,根目录有后台程序配置). 希望大家喜欢(做完就急急忙忙发布了,没有写太多注释,希望大家多多包 ......
<!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 ......
<!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 ......
最近在负责做网站的后台管理部分,觉得jquery的sortable做动态工具栏很实用,但网上很多都只介绍ajax和sortable一起,没有和database结合着用,唯一看到的就是用cookie,如果有朋友喜欢用cookie的,可以来这里看看。 我个人不喜欢cookie,cookie有时间的限制,而且好多人现在都禁止cookie的使用了。就自己编了个码,用php、j ......