当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

AJAX

发表于: 2015-05-29   作者:永夜-极光   来源:转载   浏览:
摘要: 1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担   2.代码结构:    <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...

1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担

 

2.代码结构:

  

<html>

<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>


<body>

<div id="myDiv"><h3>Let AJAX change this text</h3></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

 

3.

XMLHttpRequest 对象用于和服务器交换数据。

创建 XMLHttpRequest 对象,并兼容不同浏览器

 

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

 

4.JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。

 

5.

如需获得来自服务器的响应,则使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。

 

6.

当请求被发送到服务器时,就会执行一些基于响应的任务。

每当 readyState 改变时,就会触发 onreadystatechange 事件。

readyState 属性存有 XMLHttpRequest 的状态信息。

 

 

readyState存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成,且响应已就绪

 

 

status   200: "请求完成"

            404: 未找到页面

 

 

7."deal.jsp?nocache="+new Date().getTime()   向deal.jsp这个页面发送请求

 

        nocache的意思是不缓存,每次重新请求页面

AJAX

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

推荐文章
1 ajax
2 ajax
3 ajax
4 ajax
5 AJAX
6 ajax
7 ajax
8 ajax
9 AJAX
10 Ajax
11 ajax
12 ajax
13 Ajax
14 ajax
15 Ajax
16 AJAX
17 aJax
18 ajax
19 AJAX
20 ajax
编辑推荐
1 ajax
关于Ajax的参考资料,现在网上一搜一大把,当前Web开发者经常接触的网页技术之一便是ajax我们日常的
2 ajax
写在前面的: 关于Ajax的参考资料,现在网上一搜一大把,当前Web开发者经常接触的网页技术之一便是a
3 ajax
百度首页 | 登录注册 新闻网页
4 ajax
百度首页 | 登录注册 新闻网页
5 ajax
ajax_submit.html: <html> <head> <title>ajax异步请求</title> </head&
6 AJAX
Ajax這個名詞是由 Jesse James Garrett 提出,在他發表的 Ajax: A New Approach to Web Applications
7 AJAX
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.select
8 AJAX
Ajax這個名詞是由 Jesse James Garrett 提出,在他發表的 Ajax: A New Approach to Web Applications
9 AJAX
l Ajax 的技术的产生 • Ajax 被认为是 (Asynchronous JavaScript and XML 的缩写)。现在,允许浏
10 Ajax
1.什么是Ajax? 不用刷新整个页面就可以与服务器通讯的方法(异步): XMLHttpRequest:该对象是对
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号