1.AJAX异步 JavaScript及XML(Asynchronous JavaScript and XML)
AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。
通过 AJAX,您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
AJAX 可使因特网应用程序更小、更快,更友好。
AJAX 是一种独立于 Web 服务器软件的浏览器技术。
2.AJAX - 浏览器支持
AJAX 的要点是 XMLHttpRequest 对象。
创建XNLHttpRequest对象:IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try{
// Firefox,Opera 8.0+,Safari
xmlHttp=new XMLHttpRequest();
}catch (e){
// Internet Explorer
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
}
</script>
例子解释:
首先声明一个保存 XMLHttpRequest 对象的 xmlHttp 变量,然后使用 XMLHttp=new XMLHttpRequest()或 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 来创建此对象。
3.AJAX - XMLHttpRequest 对象
XMLHttpRequest 对象的三个重要的属性。
>onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:
>readyState 属性存有服务器响应的状态信息。每当 readyState 改变时,onreadystatechange 函数就会被执行。
readyState 属性的值:
状态 描述
1 请求已提出(调用 send() 之前)
2 请求已发送(这里通常可以从响应得到内容头部)
3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
4 请求已完成(可以访问服务器响应并使用它)
>responseText 属性来取回由服务器返回的数据。
例:
xmlHttp.onreadystatechange=function()
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
4.AJAX - 向服务器发送一个请求
把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。
open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。
send() 方法可将请求送往服务器。
xmlHttp.open("GET","URL?name=yzb&age=12",true);
xmlHttp.send(null);
5.AJAX - 服务器端的脚本
<%
response.expires=-1
response.write(time)
%>
注释:Expires 属性可设置在页面缓存失效前页面被缓存的时间(分钟)。Response.Expires=-1 指示页面不会被缓存。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。