Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

add bom/ajax

  • Loading branch information...
commit 917d5cb27dde49836be3110223efb336b7a90484 1 parent d41fe70
@ruanyf authored
View
57 bom/ajax.md
@@ -0,0 +1,57 @@
+---
+title: Ajax
+layout: page
+category: bom
+date: 2013-02-16
+modifiedOn: 2013-02-16
+---
+
+## XMLHttpRequest对象
+
+该对象用于发出HTTP请求。
+
+首先,新建一个实例对象。
+
+{% highlight javascript %}
+
+var xmlhttp = new XMLHttpRequest();
+
+{% endhighlight %}
+
+然后,使用open方式,指定请求的网址。
+
+{% highlight javascript %}
+
+xmlhttp.open( "GET", "some/ur/1", true );
+
+{% endhighlight %}
+
+open方法的三个参数如下:
+
+- 发送方法,一般来说为“GET”、“POST”、“PUT”和“DELETE”中的一个值。
+- 网址。
+- 是否异步,true表示异步,false表示同步。
+
+XMLHttpRequest对象有一个readyStateChange,通信过程中任何状态的改变,都会触发这个事件。可以指定它的回调函数。
+
+{% highlight javascript %}
+
+xmlhttp.onreadystatechange = function( data ) {
+ if ( xmlhttp.readyState === 4 ) {
+ console.log( data );
+ }
+};
+
+{% endhighlight %}
+
+最后,调用send方法,实际发出请求。
+
+{% highlight javascript %}
+
+xmlhttp.send( null );
+
+{% endhighlight %}
+
+## 参考链接
+
+- MDN, [Using XMLHttpRequest](https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest)
View
4 htmlapi/webworker.md
@@ -23,9 +23,9 @@ Web Worker有以下几个特点:
{% highlight javascript %}
if (window.Worker) {
- // ...
+ // 支持
} else {
- // ...
+ // 不支持
}
{% endhighlight %}
View
5 index.md
@@ -2,7 +2,7 @@
layout: homepage
title: Javascript 标准教程
date: 2012-11-18
-modifiedOn: 2013-02-13
+modifiedOn: 2013-02-16
---
<h2 id="introduction">导论</h2>
@@ -37,9 +37,10 @@ modifiedOn: 2013-02-13
<h2 id="bom">浏览器对象</h2>
-- [Web Storage](bom/webstorage.html)
- [History对象](bom/history.html)
- [CSS](bom/css.html)
+- [Ajax](bom/ajax.html)
+- [Web Storage](bom/webstorage.html)
- [WebSocket](bom/websocket.html)
- [Geolocation](bom/geolocation.html)
- [MatchMedia](bom/matchmedia.html)
View
12 introduction/instruction.md
@@ -3,7 +3,7 @@ title: 使用说明
layout: page
category: introduction
date: 2013-01-28
-modified: 2013-01-28
+modified: 2013-02-16
---
## 特点
@@ -17,10 +17,14 @@ modified: 2013-01-28
- 在风格上,力争做到语言通俗流畅、讲解浅显易懂。
- 配合大量实例,便于读者理解和模仿,还可以在实际项目中使用。
-## 试验环境
+## 技术标准
本教程采用Google的V8引擎,作为JavaScript的标准实现。所有示例代码都在V8引擎中运行通过。
-具体来说,V8引擎有两种实现,可以作为本教程的试验环境。一种是Chrome浏览器开发工具的console控制台,它可以从菜单打开,也可以直接按F12打开;另一种是node.js环境,它需要单独安装,并且只适用于那些与浏览器环境无关的JavaScript代码。
+不涉及IE 8及以下版本的一些特有语法,因为它们属于微软的独家实现,不符合任何标准,且使用的人数正在迅速减少。
+
+## 试验环境
+
+Chrome浏览器附带开发者工具,它的console控制台可以作为本教程的实验环境。在Chrome浏览器安装后,使用菜单或直接按F12,打开开发者工具,点击console选项卡即可。
-建议读者阅读本教程时,在以上两种试验环境中准备好一种(建议使用第一种Chrome浏览器),随时将代码在其中运行,查看结果,这样有利于更好地理解和掌握JavaScript。
+建议读者阅读本教程时,随时将代码复制到console进行实验,查看结果,这样有利于更好地理解和掌握JavaScript。
Please sign in to comment.
Something went wrong with that request. Please try again.