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 );
 
相关文档:
主要是文件的一个管理系统,页面脚本是由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 ......
最近在负责做网站的后台管理部分,觉得jquery的sortable做动态工具栏很实用,但网上很多都只介绍ajax和sortable一起,没有和database结合着用,唯一看到的就是用cookie,如果有朋友喜欢用cookie的,可以来这里看看。 我个人不喜欢cookie,cookie有时间的限制,而且好多人现在都禁止cookie的使用了。就自己编了个码,用php、j ......
为了让各为能够了解什么是AJAX,以下是一个AJAX的手工范例(即不引用任何的Library或AJAX
framework),此范例颇为精要易懂,其作用主要是透过Client 端的Browser来即时监控Web 服务器资源或效能变化,各位只要做过
一遍范例就能够了解AJAX在网页开发上是多么具有威力了。
先来看看效果图:
本范例是一个简单的A ......
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( ......