zaoangod/fetch-event-source

# fetch-event-source

## Usage

```js
import {FetchEventSource} from 'fetch-event-source';

await new FetchEventSource('/api/sse', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
        // ...
    },
    body: JSON.stringify({
        input: ''
    }),
    onOpen(response) {
        console.log('Request has been opened.');
    },
    onMessage(event) {
        console.log(event);
    },
    onError(error) {
        console.error(error);
    },
    done() {
        console.log('Stream has completed.');
    }
});
```

You can also use a CDN to include it.

```html
<script src="./index.umd.js"></script>
<script>
    const fetchEventSource = new FetchEventSource('http://127.0.0.1:3060/stream', {
        onMessage: (text) => {
            console.info(text);
        }
    });
    fetchEventSource.start();
</script>
```

You can abort the request at any time within any event, for example:

```js
const eventSource = new FetchEventSource(url, option);
setTimeout(() => {
    eventSource.abort();
}, 3000);
```

### Option

In addition to [the option available](https://developer.mozilla.org/en-US/docs/Web/API/RequestInit) in the Fetch API, the following extra options have been added:

| option      | type     | description                                          |
|-------------|:---------|:-----------------------------------------------------|
| `onOpen`    | function | Call when the request has been opened.               |
| `onMessage` | function | Call when data is received function an event source. |
| `onError`   | function | Call when an error occurs.                           |
| `done`      | function | Call when the stream has completed.                  |

zaoangod/fetch-event-source

简介

发行版

贡献者

语言

近期动态

zaoangod/fetch-event-source .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

语言

近期动态

搜索帮助

zaoangod/fetch-event-source