Ajax基本应用
2011-10-17 10:20
183 查看
Ajax是一种不需要重新加载整个网页,只需要局部刷新页面的技术。通过与后台服务器进行少量的数据交换,Ajax实现异步更新。核心是XMLHttpRequest,使用Ajax,主要分为3个步骤:创建XMLHttprequest对象;请求;响应。下面分别就各个步骤说明Ajax的使用:
1 创建XMLHttpRequest对象
IE遵循的不是标准的W3C标准,在创建XMLHttpRequest对象的时候,需要检测浏览器,
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
} else {
xml = new ActiveXObject("Microtsoft.XMLHTTP");
}
使用上面的代码,不同的浏览器就创建了不同的XMLHttpRequest对象了。
2 请求
逻辑的处理并不是有Ajax完成的(实际上是一段javascript代码),而是Ajax发送请求给处理逻辑单元,并传入必要的参数
xmlhttp.open('GET', url, true);
参数说明:第一个参数指明需要通过什么方向传递参数;第二个指出需要发送请求的url地址;最后一个参数是一个bool变量,是否异步模式。
xmlhttp.open();
3 响应
服务器端的处理逻辑将处理的结果返回,Ajax接受这些数据,使用XMLHttpRequest对象的responseText或 responseXML 属性来接收。
然后将结果显示到HTML页面上
document.getElementById(''message").innerText = xmlhttp.responseText;
以上的3步操作实现了一个基本的Ajax的应用。
1 创建XMLHttpRequest对象
IE遵循的不是标准的W3C标准,在创建XMLHttpRequest对象的时候,需要检测浏览器,
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
} else {
xml = new ActiveXObject("Microtsoft.XMLHTTP");
}
使用上面的代码,不同的浏览器就创建了不同的XMLHttpRequest对象了。
2 请求
逻辑的处理并不是有Ajax完成的(实际上是一段javascript代码),而是Ajax发送请求给处理逻辑单元,并传入必要的参数
xmlhttp.open('GET', url, true);
参数说明:第一个参数指明需要通过什么方向传递参数;第二个指出需要发送请求的url地址;最后一个参数是一个bool变量,是否异步模式。
xmlhttp.open();
3 响应
服务器端的处理逻辑将处理的结果返回,Ajax接受这些数据,使用XMLHttpRequest对象的responseText或 responseXML 属性来接收。
然后将结果显示到HTML页面上
document.getElementById(''message").innerText = xmlhttp.responseText;
以上的3步操作实现了一个基本的Ajax的应用。
相关文章推荐
- AJAX基本应用之:根据输入内容自动填充下拉框。(ASP.NET版)[转]
- ajax应用的基本流程
- Ajax基本应用---自动刷新页面
- 二级联动菜单及ajax的基本应用
- AJAX的基本应用方法
- Ajax在asp.net上的基本应用
- AJAX基本应用之:根据输入内容自动填充下拉框
- JQuery和Ajax在ASP.NET MVC中的基本应用
- 运用ajax应用开始时基本实现功能代码
- ajax的应用原理及基本用法
- AJAX基本应用之:根据输入内容自动填充下拉框。(ASP.NET版)[转]
- ajax基本应用示例
- AJAX基本应用之:根据输入内容自动填充下拉框
- ajax的基本应用--检查用户名是否被注册案例
- Ajax在asp.net上的基本应用
- AjaxPro.2.dll 基本应用(转)
- 【ajax】ajax基本应用
- ajax 基本应用-详细介绍
- AJAX基本应用
- Ajax 调用WebServices之一 基本应用