首页 > 代码库 > javascript之Ajax起步

javascript之Ajax起步

XMLHttpRequest  readyState属性的值:

UNSENT——0——已创建XMLHttpRequest对象。

OPENED——1——已调用open方法;

HEADERS_RECEIVED——2——已收到server响应的标头;

LOADING——3——已收到server响应。

DONE——4——响应完毕或已失败;

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>上海远地资产管理有限公司</title>
    <meta name="author" content="jason"/>
    <meta name="description" content="上海远地资产管理有限公司(简称:远地资产)。是一家专业的互联网金融服务平台."/>
    <link rel="shortcut icon" href=http://www.mamicode.com/"images/favicon.ico" type="image/x-icon"/>>apples.html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Apples</title>
</head>
<body>
<p>
    <img src=http://www.mamicode.com/"images/apple.png"/>>

其果实球形。味甜,口感爽脆。且富含丰富的营养。是世界四大水果之冠。苹果通常为红色。只是也有黄色和绿色。

苹果是一种低热量食物。每100克仅仅产生60千卡热量。苹果中营养成份可溶性大,易被人体吸收。故有“活水”之称,其有利于溶解硫元素,使皮肤润滑娇嫩. </p> </body> </html>

bananas.html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Apples</title>
</head>
<body>
<p>
    <img src=http://www.mamicode.com/"images/banana.png"/>>

穗状花序大,由假杆顶端抽出,花多数,淡黄色;果序弯垂。结果10~20串。约50~150个。 植株结果后枯死。由根状茎长出的吸根继续生殖。每一根株可活多年。原产亚洲东南部:台湾、海南、广东、广西等地区均有栽培。 </p> </body> </html>


cherries.html页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Apples</title>
</head>
<body>
<p>
    <img src=http://www.mamicode.com/"images/cherries.jpg"/>>

中医药学觉得。大樱桃具有调中补气。祛风湿的功能。

农业专家称:积极发展大樱桃生产,有着广阔的前景。樱桃属于蔷薇科落叶乔木果树。 </p> </body> </html>

按下Applesbutton后,浏览器会异步运行并取回所请求的文档:
技术分享


javascript之Ajax起步