JavaScript 经典实例：第三版

366

｜

第

13

章

如果在客户端使用的不是

fetch

，而是

XMLHttpRequest

，要设置

withCredentials

属性。

const

request =

new

XMLHttpRequest();

request.onreadystatechange = function() {

if

(

this

.readyState == 4) {

console.log(

this

.status);

if

(

this

.status == 200) {

document.getElementById('result').innerHTML =

this

.responseText;

}

}

};

request.open('GET','http://localhost:8080/');

request.withCredentials =

true

;

request.send(null);

13.9

使用

Websockets

在客户端和服务器之间

建立双向通信

13.9.1

问题

你想在服务器和网页客户端之间建立双向实时通信。

13.9.2

方案

WebSockets

可以实现客户端和服务器之间的双向通信。在客户端创建

WebSockets

对象，传入

WebSockets

服务器的

URI

。注意，

URI

的协议是

ws:

，而不是

http

或

https

。客户端收到消息后，把消息文本转换为对象，获取数字计数器，递增之后用

作对象中的字符串成员。

在下述示例中，客户端从

2

开始打印下一个数。客户端与服务器之间通过要打印的 ...