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>

AJAX的教程(一)相关推荐

Ajax 完整教程 (转)
Ajax 完整教程第 1 页 Ajax 简介 Ajax 由 HTML.JavaScript™ 技术.DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应 ...
Asp.net Ajax框架教程
目录 (一).概述... (二).应用场景代码示例... 1).ScriptManager控件示例... 1. 在异步调用服务端注册客户端脚本新方法... 2. 捕获Ajax异步调用中 ...
[翻译]asp.net ajax xml-script教程（二）
原文地址:http://dotnetslackers.com/articles/atlas/xml_script_tutorial_part2.aspx asp.net ajax xml-script ...
漂亮图片演示ajax制作教程－lightbox
漂亮图片演示ajax制作教程-lightbox 这种效果就像你关闭计算机时所得到的那种效果.在不刷新页面的情况下实现大图片浏览.过渡完美. 大家可以看看效果:http://www.evaxp.com/ ...
ajax使用教程_AJAX教程：什么是AJAX以及如何使用它
ajax使用教程什么是AJAX? (What is AJAX?) AJAX stands for Asynchronous JavaScript And XML. It is not a progr ...
ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准
CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...
Asp.net Ajax框架教程[教程下载]
Asp.net Ajax 框架教程目录 (一).概述... (二).应用场景代码示例... 1).ScriptManager控件示例... 1. 在异步调用服务端注册客户端脚本新方法... ...
java ajax教程_Jquery ajax基础教程
jQuery的Ajax带来了无需刷新的web页面革命.这里就详细介绍一下jQuery所涉及到的Ajax操作.(无需特殊说明,均需要有服务器配置,这里本人用的是Tomcat 7) 1.基于请求加载文件数 ...
Ajax基础教程电子版
Ajax基础教程电子版添加时间:2006-4-26 19:32:07 软件图片: 授权形式:免费适用平台:Win98/WinMe/WinNT/Win2000/WinXP 软件语言:简体中文下载次 ...
[转]AJAX基础教程
AJAX基础教程这篇文章将带您浏览整个AJAX的基本概貌,并展示两个简单的例子让您轻松上路. 什么是 AJAX? AJAX (异步 JavaScript 和 XML) 是个新产生的术语,专为描述Ja ...

AJAX的教程(一)

AJAX的教程(一)相关推荐

最新文章

热门文章