易截截图软件、单文件、免安装、纯绿色、仅160KB

ajax原理

 ajax全称Asynchronous JavaScript and Xml ,异步传输。
    异步传输是面向字符的传输,它的单位是字符;而同步传输是面向比特的传输,它的单位是帧,它传输的时候要求接受方和发送发的始终保持一致的。
   异步传输是将比特分成小组来进行传输。一般每个小组的一个8位字符,在每个小组的头部和尾部都有一个开始位和一个结束位,它的传输过程中接收方和发送方时钟不要求一致。异步传输存在的一个问题:即接收方不知道数据什么时候能到达。
   因为每次异步传输的信息都以一个其实为开头,它通知接收方数据已到,这就给了接收方响应、接收和缓存数据比特的时间;在传输结束时,一个停止位表示该次传输信息的终止。
同步传输的比特分组要大得多。它不是独立地发送每个字符,每个字符都有自己的开始位和停止位,而是把它们组合起来一起发送。我们将这些组合称为数据帧,或简称为帧。
  ajax原理和xmlhttprequest对象
   ajax原理是通过xmlhttprequest对象来向服务器发送请求,从服务器端获得数据,然后用JavaScript来操作DOM更新页面对象。其中关键一步就是从服务器获得请求数据。
  xmlhttprequest是ajax核心机制,
  xmlhttprequest对象的属性:
  onreadstatechange 每次状态改变所触发事件的事件处理程序
  responseText    从服务器返回的数据的字符串形式
  responseXML    从数据库返回的DOM兼容的文档数据对象
  statue     从服务器返回的代码,代表状态(200 就绪  404未找到)
  readstate 对象状态值
  0 未初始化--对象已经建立,但是尚未初始化(尚未调用open方法)
  1初始化 ---- 对象建立,但是尚未调用send方法
  2数据发送---send方法以调用,但是当前的状态和http头未知
  3 数据传输中--接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误。
4 (完成)-- 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据


相关文档:

白话 Ajax 及其入门基础(2)

    四、常见Ajax编程框架
    既然上述Ajax框架已经能工作了,为什么还有那么多的框架呢?
    随着页面的复杂,可能需要书写大量的Javascript脚本来对页面中的DOM对象进行控制,工作量和复杂度会大大增加。Ajax编程框架通常利用面向对象的方法,对一些基本的对象和行为及 ......

jquery AJAX应用

load(url[,data][,callback])------------->通常用来从WEB服务器上获取静态的数据文件
url: string类型 请求HTML页面的URL地址
data(可选): object 发送至服务器的key/value数据
callback(可选):function 请求完成时回调函数
例子:
主页面代码:
<style type="text/css">
* { margin:0; padding ......

Ajax的post方法的使用

刚开始学Ajax,看到很多网上的代码都用Get方法提交参数,Tomcat默认ISO编码实在是让人头痛,对付乱码我都是用过滤器做字符编码过滤的,Get方法过滤器监听不到,所以我一直喜欢使用Post方法,下面对Ajax Get和Post方法做一对比
GET:
<mce:script type="text/javascript"><!--
var xmlHttpRequest;
......

AJAX中的请求方式以及同步异步的区别请求方式

请求方式,分为GET与POST:
 
GET
 
最为常见的HTTP请求,普通上网浏览页面就是GET。GET方式的参数请求直接跟在URL后,以问号开始。(JS中用window.location.search获得)。参数可以用encodeURIComponent进行编码,使用方式:
 
var EnParam = encodeURIComponent(param);
URL只支持大约2K的长度,即2 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号