AJAX的教程(一)

AJXS

什么是ajxs。

ajxs是基于xml的异步javascript。

ajxs的优点是：

1、可以实现客户端的异步请求。

2、在不需要刷新页面的情况下与服务器进行通信，以减少用户的等待时间。

3、减轻服务器和带宽的负担，提供更好的服务响应。

4、可以调用xml等外部数据，进而促进页面显示和数据分离。

5、基于标准化的并被广泛支持技术，不需要下载插件或者小程序。 

AJXS的工作流程

1、发送请求，Ajax可以通过XMLHttpRequest对象实现采用异步方式在后台发送请求。发送请求：（1）发送GET请求（2）发送POST请求。

get和post的区别

a、get是从服务器获取数据，post是向服务器发送数据。  

b、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。
post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

c、get方式，服务器端用Request.QueryString获取变量的值。post方式，服务器端用Request.Form获取提交的数据。

d、get安全性较低，post安全性较高。

e、get传送数据大小不能超过2kb，post传送数据较大，一般认为不受限制，但理论上IIS4是80kb，IIS5是100kb。

f、根据 HTTP 规范，GET 用于信息获取，而且应该是 安全的和幂等的。所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。幂等的意味着对同一 URL 的多个请求应该返回同样的结果。完整的定义并不像看起来那样严格。从根本上讲，其目标是当用户打开一个链接时，她可以确信从自身的角度来看没有改变资源。 比如，新闻站点的头版不断更新。虽然第二次请求会返回不同的一批新闻，该操作仍然被认为是安全的和幂等的，因为它总是返回当前的新闻。POST 表示可能改变服务器上的资源的请求。仍然以新闻站点为例，读者对文章的注解应该通过 POST 请求实现，因为在注解提交之后站点已经不同了。

g、在FORM提交的时候，如果不指定Method，则默认为GET请求，Form中提交的数据将会附加在url之后，以?分开与url分开。字母数字字符原 样发送，但空格转换为“+“号，其它符号转换为%XX,其中XX为该符号以16进制表示的ASCII（或ISO Latin-1）值。GET请求请提交的数据放置在HTTP请求协议头中。而POST提交的数据则放在实体数据中；GET方式提交的数据最多只能有1024字节，而POST则没有此限制。

2、事例

<p><input value="请输入你的名字" id="user"/></p>
<p><input id="pwd"/></p>
<input type="submit" value="提交" id="sub"/>
<script>
var sub=document.getElementById("sub");
var user=document.getElementById("user");
var pwd=document.getElementById("pwd");
function getXhr(){
      // 声明XMLHttpRequest对象
var xhr = null;
      // 根据浏览器的不同情况进行创建
if(window.XMLHttpRequest){
         // 表示除IE外的其他浏览器
xhr = new XMLHttpRequest();
 }else{
         // 表示IE浏览器
xhr = new ActiveXObject('Microsoft.XMLHttp');
}
      return xhr;
   }
   sub.οnclick=function(){
   var xhr=getXhr();
   xhr.open("get","01.php?user="+user.value+"&pwd="+pwd.value);
   xhr.send(null);
   xhr.onreadystatechange=function(){
//alert(xhr.readyState);
if (xhr.readyState==4)
{
var date=xhr.responseText;
document.write(date);
}
   }};
</script>