docs(bom/xmlhttprequest): edit Navigator.sendBeacon()

ruanyf · ruanyf · commit ff1663163feb · 2022-04-10T12:33:28.000+08:00
diff --git a/docs/bom/xmlhttprequest.md b/docs/bom/xmlhttprequest.md
@@ -743,7 +743,7 @@ window.addEventListener('unload', function(event) {
 
 &#19978;&#38754;&#20195;&#30721;&#20013;&#65292;&#24378;&#21046;&#25191;&#34892;&#20102;&#19968;&#27425;&#21452;&#37325;&#24490;&#29615;&#65292;&#25302;&#38271;&#20102;`unload`&#20107;&#20214;&#30340;&#25191;&#34892;&#26102;&#38388;&#65292;&#23548;&#33268;&#24322;&#27493; AJAX &#33021;&#22815;&#21457;&#36865;&#25104;&#21151;&#12290;
 
-&#31867;&#20284;&#30340;&#36824;&#21487;&#20197;&#20351;&#29992;`setTimeout`&#12290;&#19979;&#38754;&#26159;&#36861;&#36394;&#29992;&#25143;&#28857;&#20987;&#30340;&#20363;&#23376;&#12290;
+&#31867;&#20284;&#30340;&#36824;&#21487;&#20197;&#20351;&#29992;`setTimeout()`&#12290;&#19979;&#38754;&#26159;&#36861;&#36394;&#29992;&#25143;&#28857;&#20987;&#30340;&#20363;&#23376;&#12290;
 
 ```javascript
 // HTML &#20195;&#30721;&#22914;&#19979;
@@ -768,7 +768,7 @@ theLink.addEventListener('click', function (event) {
 });
 ```
 
-&#19978;&#38754;&#20195;&#30721;&#20351;&#29992;`setTimeout`&#65292;&#25302;&#24310;&#20102;350&#27627;&#31186;&#65292;&#25165;&#35753;&#39029;&#38754;&#36339;&#36716;&#65292;&#22240;&#27492;&#20351;&#24471;&#24322;&#27493; AJAX &#26377;&#26102;&#38388;&#21457;&#20986;&#12290;
+&#19978;&#38754;&#20195;&#30721;&#20351;&#29992;`setTimeout()`&#65292;&#25302;&#24310;&#20102;350&#27627;&#31186;&#65292;&#25165;&#35753;&#39029;&#38754;&#36339;&#36716;&#65292;&#22240;&#27492;&#20351;&#24471;&#24322;&#27493; AJAX &#26377;&#26102;&#38388;&#21457;&#20986;&#12290;
 
 &#36825;&#20123;&#20570;&#27861;&#30340;&#20849;&#21516;&#38382;&#39064;&#26159;&#65292;&#21368;&#36733;&#30340;&#26102;&#38388;&#34987;&#30828;&#29983;&#29983;&#25302;&#38271;&#20102;&#65292;&#21518;&#38754;&#39029;&#38754;&#30340;&#21152;&#36733;&#34987;&#25512;&#36831;&#20102;&#65292;&#29992;&#25143;&#20307;&#39564;&#19981;&#22909;&#12290;
 
@@ -778,11 +778,13 @@ theLink.addEventListener('click', function (event) {
 window.addEventListener('unload', logData, false);
 
 function logData() {
-  navigator.sendBeacon('/log', analyticsData);
+  navigator.sendBeacon('/log', JSON.stringify({
+    some: "data"
+  }));
 }
 ```
 
-`Navigator.sendBeacon`&#26041;&#27861;&#25509;&#21463;&#20004;&#20010;&#21442;&#25968;&#65292;&#31532;&#19968;&#20010;&#21442;&#25968;&#26159;&#30446;&#26631;&#26381;&#21153;&#22120;&#30340; URL&#65292;&#31532;&#20108;&#20010;&#21442;&#25968;&#26159;&#25152;&#35201;&#21457;&#36865;&#30340;&#25968;&#25454;&#65288;&#21487;&#36873;&#65289;&#65292;&#21487;&#20197;&#26159;&#20219;&#24847;&#31867;&#22411;&#65288;&#23383;&#31526;&#20018;&#12289;&#34920;&#21333;&#23545;&#35937;&#12289;&#20108;&#36827;&#21046;&#23545;&#35937;&#31561;&#31561;&#65289;&#12290;
+`Navigator.sendBeacon()`&#26041;&#27861;&#25509;&#21463;&#20004;&#20010;&#21442;&#25968;&#65292;&#31532;&#19968;&#20010;&#21442;&#25968;&#26159;&#30446;&#26631;&#26381;&#21153;&#22120;&#30340; URL&#65292;&#31532;&#20108;&#20010;&#21442;&#25968;&#26159;&#25152;&#35201;&#21457;&#36865;&#30340;&#25968;&#25454;&#65288;&#21487;&#36873;&#65289;&#65292;&#21487;&#20197;&#26159;&#20219;&#24847;&#31867;&#22411;&#65288;&#23383;&#31526;&#20018;&#12289;&#34920;&#21333;&#23545;&#35937;&#12289;&#20108;&#36827;&#21046;&#23545;&#35937;&#31561;&#31561;&#65289;&#12290;
 
 ```javascript
 navigator.sendBeacon(url, data)
@@ -806,3 +808,16 @@ function analytics(state) {
   navigator.sendBeacon(URL, data);
 }
 ```
+
+&#35813;&#26041;&#27861;&#19981;&#20801;&#35768;&#33258;&#23450;&#20041; HTTP &#26631;&#22836;&#65292;&#20026;&#20102;&#20197;&ldquo;application/json&rdquo;&#30340;&#24418;&#24335;&#21457;&#36865;&#25968;&#25454;&#65292;&#21487;&#20197;&#20351;&#29992; Blob &#23545;&#35937;&#12290;
+
+```javascript
+const blob = new Blob(
+  [ JSON.stringify({ some: "data" }) ],
+  { type: 'application/json; charset=UTF-8' }
+);
+navigator.sendBeacon('/log', blob));
+```
+
+&#36825;&#20010;&#26041;&#27861;&#30340;&#20248;&#20808;&#32423;&#36739;&#20302;&#65292;&#19981;&#20250;&#21344;&#29992;&#39029;&#38754;&#36164;&#28304;&#12290;&#19968;&#33324;&#26159;&#22312;&#27983;&#35272;&#22120;&#31354;&#38386;&#30340;&#26102;&#20505;&#65292;&#25165;&#20250;&#21457;&#36865;&#12290;
+
