|
40 | 40 | |34|[Required Function Params](#Required-Function-Params)| |
41 | 41 | |35|[Get input value as a number](#Get-input-value-as-a-number)| |
42 | 42 | |36|[reduceRight](#reduceRight)| |
| 43 | +|37|[Abort Fetch](#AbortFetch)| |
| 44 | + |
| 45 | + |
| 46 | + |
43 | 47 |
|
44 | 48 |
|
45 | 49 |
|
@@ -775,3 +779,34 @@ const reduceRightArray = arr.reduceRight((acc, current) => { |
775 | 779 |
|
776 | 780 | ``` |
777 | 781 |
|
| 782 | +
|
| 783 | +
|
| 784 | +``` |
| 785 | +**[⬆ Back to Top](#table-of-contents)** |
| 786 | +### Abort Fetch |
| 787 | +
|
| 788 | +```javascript |
| 789 | +
|
| 790 | +
|
| 791 | +//HTML |
| 792 | +<button id="download">Download</button> |
| 793 | +<button id="abort">Abort</button> |
| 794 | +
|
| 795 | +//JS |
| 796 | +let controller; |
| 797 | +
|
| 798 | +document.querySelector('#download').addEventListener('click', () => { |
| 799 | + controller = new AbortController(); |
| 800 | + const signal = controller.signal; |
| 801 | + fetch('https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4', {signal}) |
| 802 | + .then(() => console.log('done')); |
| 803 | +}); |
| 804 | +
|
| 805 | +document.querySelector('#abort').addEventListener('click', function() { |
| 806 | + controller.abort(); |
| 807 | +}); |
| 808 | +
|
| 809 | +``` |
| 810 | +
|
| 811 | +
|
| 812 | +
|