Skip to content

Commit 391c543

Browse files
committed
docs(bom): fix xmlhttprequest
1 parent d7ec7c7 commit 391c543

File tree

1 file changed

+10
-2
lines changed

1 file changed

+10
-2
lines changed

docs/bom/xmlhttprequest.md

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,13 @@
2323
var xhr = new XMLHttpRequest();
2424
```
2525

26-
一旦新建实例,就可以使用`open()`方法发出 HTTP 请求
26+
一旦新建实例,就可以使用`open()`方法指定建立 HTTP 连接的一些细节
2727

2828
```javascript
2929
xhr.open('GET', 'http://www.example.com/page.php', true);
3030
```
3131

32-
上面代码向指定的服务器网址,发出 GET 请求
32+
上面代码指定使用 GET 方法,跟指定的服务器网址建立连接。第三个参数`true`,表示请求是异步的
3333

3434
然后,指定回调函数,监听通信状态(`readyState`属性)的变化。
3535

@@ -43,6 +43,14 @@ function handleStateChange() {
4343

4444
上面代码中,一旦`XMLHttpRequest`实例的状态发生变化,就会调用监听函数`handleStateChange`
4545

46+
最后使用`send()`方法,实际发出请求。
47+
48+
```javascript
49+
xhr.send(null);
50+
```
51+
52+
上面代码中,`send()`的参数为`null`,表示发送请求的时候,不带有数据体。如果发送的是 POST 请求,这里就需要指定数据体。
53+
4654
一旦拿到服务器返回的数据,AJAX 不会刷新整个网页,而是只更新网页里面的相关部分,从而不打断用户正在做的事情。
4755

4856
注意,AJAX 只能向同源网址(协议、域名、端口都相同)发出 HTTP 请求,如果发出跨域请求,就会报错(详见《同源政策》和《CORS 通信》两章)。

0 commit comments

Comments
 (0)