Incorrect data encoding sent by the POST method

<body>
  
  <nav class="page-headings-container js-page-headings-container"></nav>
  <div class="tools-bar js-tools-bar">
    
    <a class="js-list-of-headings-button" data-state="closed" href="#" title="Headings">📜</a>
    <a class="js-go-to-top-button" href="#" title="Go to Top">⬆️</a>
    <a class="js-go-to-bottom-button" href="#" title="Go to Bottom">⬇️</a>
  </div>
  <section class="page js-page"><div itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question"><link itemprop="image" href="https://cdn.sstatic.net/Sites/ru/img/apple-touch-icon.png?v=0dd80f442adc"><div class="inner-content clearfix"><div id="question-header" class="grid"><h1 itemprop="name" class="grid--cell fs-headline1 fl1 ow-break-word">  <a href="https://ru.stackoverflow.com/questions/119138/%25D0%259D%25D0%25B5%25D0%25BA%25D0%25BE%25D1%2580%25D1%2580%25D0%25B5%25D0%25BA%25D1%2582%25D0%25BD%25D0%25B0%25D1%258F-%25D0%25BA%25D0%25BE%25D0%25B4%25D0%25B8%25D1%2580%25D0%25BE%25D0%25B2%25D0%25BA%25D0%25B0-%25D0%25B4%25D0%25B0%25D0%25BD%25D0%25BD%25D1%258B%25D1%2585-%25D0%25BE%25D1%2582%25D0%25BF%25D1%2580%25D0%25B0%25D0%25B2%25D0%25BB%25D0%25B5%25D0%25BD%25D0%25BD%25D1%258B%25D1%2585-%25D0%25BC%25D0%25B5%25D1%2582%25D0%25BE%25D0%25B4%25D0%25BE%25D0%25BC-post" class="question-hyperlink">Incorrect data encoding sent by the POST method</a> </h1></div><div id="mainbar" role="main" aria-label="question and answers"><div class="question" data-questionid="119138" id="question"><style>.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{                margin-bottom:0;
}</style><div id="dfp-tlb" class="everyonelovesstackoverflow everyoneloves__top-leaderboard" style="min-height: auto; height: auto; display: none;"></div><div class="post-layout"><div class="postcell post-layout--right"><div class="post-text" itemprop="text"><p>  There is a form to send a message. </p><pre><code><form action="/upload" method="post"> <textarea name="text" rows="20" cols="60"></textarea> <input type="submit" value="Submit text"> </form></code> </pre> <p>  And there is a code that handles this message. </p><pre> <code>http.createServer(function (req, res) { var postData = ''; req.setEncoding('utf8'); req.addListener('data', function(postDataChunk) { postData += postDataChunk; console.log('Новые данные: ' + postDataChunk); }); req.addListener('end', function() { res.writeHead(200, {"Content-Type": "text/html"}); res.write("Вы загрузили:" + postData); res.end(); }); }).listen(1337,'127.0.0.1');</code> </pre><p>  The message accepts, but displays in the wrong encoding (Cyrillic) in the form of all sorts of different kryakozyabr.  UTF-8 page encoding (without BOM).  Tell me, please, how to make the Cyrillic characters correctly output? </p></div><div class="post-taglist grid gs4 gsy fd-column"><div class="grid ps-relative d-block">  <a href="" class="post-tag" title="show questions tagged with [node.js]" rel="tag">node.js</a> <a href="https://ru.stackoverflow.com/questions/tagged/html" class="post-tag" title="show questions tagged with [html]" rel="tag">html</a> </div></div><div class="mb0 "><div class="mt16 pt4 grid gs8 gsy fw-wrap jc-end ai-start"><div class="grid--cell mr16" style="flex: 1 1 100px;"></div><div class="post-signature grid--cell"><div class="user-info user-hover"><div class="user-gravatar32"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/040e4a5adf584221833342fbfac6e61b?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></div><div class="user-details">  <span>angry</span> <div class="-flair">  <span class="reputation-score" title="reputation level" dir="ltr">5,855</span> <span title="15 golden marks"><span class="badge1"></span></span>  <span title="15 golden marks"><span class="badgecount">15</span></span> <span title="56 silver marks"><span class="badge2"></span></span>  <span title="56 silver marks"><span class="badgecount">56</span></span> <span title="171 bronze marks"><span class="badge3"></span></span>  <span title="171 bronze marks"><span class="badgecount">171</span></span> </div></div></div></div><div class="post-signature owner grid--cell"><div class="user-info "><div class="user-gravatar32"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/0779bc898b4accdfa45f9af0f6bd303f?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></div><div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person">  <span>LightShock</span> <span class="d-none" itemprop="name">LightShock</span> <div class="-flair">  <span class="reputation-score" title="reputation level" dir="ltr">873</span> <span title="1 golden mark"><span class="badge1"></span></span>  <span title="1 golden mark"><span class="badgecount">one</span></span> <span title="17 silver marks"><span class="badge2"></span></span>  <span title="17 silver marks"><span class="badgecount">17</span></span> <span title="31 bronze marks"><span class="badge3"></span></span>  <span title="31 bronze marks"><span class="badgecount">31</span></span> </div></div></div></div></div></div></div><div class="post-layout--right"><div id="comments-119138" class="comments js-comments-container  dno" data-post-id="119138"><ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"></ul></div><div id="comments-link-119138" data-rep="50" data-anon="true">   <span class="js-link-separator dno">|</span> </div></div></div></div><div id="answers"><a name="tab-top"></a><div id="answers-header"><div class="subheader answers-subheader"><h2 data-answercount="2">  2 answers <span style="display:none;" itemprop="answerCount">2</span> </h2><div></div></div></div><a name="119179"></a><div id="answer-119179" class="answer accepted-answer" data-answerid="119179" itemprop="acceptedAnswer" itemscope="" itemtype="http://schema.org/Answer"><div class="post-layout"><div class="answercell post-layout--right"><div class="post-text" itemprop="text"><p>  Everything is elementary, you do not have the encoding specified either in the server’s response or in the page header.  The default encoding is cp1251, so you get <em>"cracking"</em> , from that.  node.js treated like this: </p><pre> <code>res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });</code> </pre><hr><p>  The fact is that the browser, before sending the form data, uses the URI encoding of the string, in general, add the parsed data to the <code>request.on('end')</code> handler: </p><pre> <code>req.addListener('end', function() { var post = require('querystring').parse( postData ) // querystring - нативный модуль node.js route(handle, pathname, res, post); });</code> </pre><p>  Now the post variable is a JS object in which the received data is stored, in your case, <strong>post.text</strong> , i.e.  everything will be reduced to approximately the same scheme as in PHP.  In general - change more </p><pre> <code> res.write("Вы загрузили:" + postData);</code> </pre><p>  on </p><pre> <code> res.write("Вы загрузили:" + postData.text);</code> </pre><p>  and you will be happy =) </p></div><div class="grid mb0 fw-wrap ai-start jc-end gs8 gsy"><time itemprop="dateCreated" datetime="2012-06-13T18:41:15"></time><div class="grid--cell mr16" style="flex: 1 1 100px;"></div><div class="post-signature grid--cell fl0"><div class="user-info "><div class="user-gravatar32"></div><div class="user-details"><div class="-flair"></div></div></div></div><div class="post-signature grid--cell fl0"><div class="user-info "><div class="user-gravatar32"><div class="gravatar-wrapper-32"><img src="https://www.gravatar.com/avatar/fd84d3634073ab841f35f9a9878e81cf?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></div><div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person">  <span>Zowie</span> <span class="d-none" itemprop="name">zowie</span> <div class="-flair">  <span class="reputation-score" title="reputation level 12,662" dir="ltr">12.7k</span> <span title="15 silver marks"><span class="badge2"></span></span>  <span title="15 silver marks"><span class="badgecount">15</span></span> <span title="38 bronze marks"><span class="badge3"></span></span>  <span title="38 bronze marks"><span class="badgecount">38</span></span> </div></div></div></div></div></div><div class="post-layout--right"><div id="comments-119179" class="comments js-comments-container " data-post-id="119179"><ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"><li id="comment-119240" class="comment js-comment " data-comment-id="119240"><div class="js-comment-actions comment-actions"><div class="comment-score js-comment-edit-hide"></div></div><div class="comment-text js-comment-text-and-form"><div class="comment-body js-comment-edit-hide">  <span class="comment-copy">@AlexWindHope, thanks for the help)</span> - <span>LightShock</span>  </div></div></li></ul></div><div id="comments-link-119179" data-rep="50" data-anon="true">   <span class="js-link-separator dno">|</span> </div></div></div></div><div id="dfp-mlb" class="everyonelovesstackoverflow everyoneloves__mid-leaderboard" style="min-height: auto; height: auto; display: none;"></div><a name="634943"></a><div id="answer-634943" class="answer" data-answerid="634943" itemprop="suggestedAnswer" itemscope="" itemtype="http://schema.org/Answer"><div class="post-layout"><div class="answercell post-layout--right"><div class="post-text" itemprop="text"><p>  Faced with the fact that in the browser kryakozybliki return instead of Cyrillic.  cmd chcp 866 - checked </p><p>  iconv.decode does not save.  For example: </p><pre> <code>1 exec("dir /D", function (error, stdout, stderr) { 2 response.writeHead(200, {"Content-Type": "text/plain"}); 3 var convert=iconv.decode(stdout, "CP866"); 4 response.write(convert); 5 response.end(); 6 }); 7 }</code> </pre></div><div class="grid mb0 fw-wrap ai-start jc-end gs8 gsy"><time itemprop="dateCreated" datetime="2017-03-03T10:49:10"></time><div class="grid--cell mr16" style="flex: 1 1 100px;"></div><div class="post-signature grid--cell fl0"><div class="user-info "><div class="user-gravatar32"><div class="gravatar-wrapper-32"><img src="https://graph.facebook.com/1274067059352969/picture?type=large" alt="" width="32" height="32"></div></div><div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person">  <span>Roman Bereslavskiy</span> <span class="d-none" itemprop="name">Roman Bereslavskiy</span> <div class="-flair">  <span class="reputation-score" title="reputation level" dir="ltr">one</span> <span title="1 bronze sign"><span class="badge3"></span></span>  <span title="1 bronze sign"><span class="badgecount">one</span></span> </div></div></div></div></div></div><div class="post-layout--right"><div id="comments-634943" class="comments js-comments-container  dno" data-post-id="634943"><ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"></ul></div><div id="comments-link-634943" data-rep="50" data-anon="true">   <span class="js-link-separator dno">|</span> </div></div></div></div><a name="new-answer"></a></div></div></div><div style="display:none" id="prettify-lang">  lang-html </div></div>
      <br>
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
          style="display:block; text-align:center;"
          data-ad-layout="in-article"
          data-ad-format="fluid"
          data-ad-client="ca-pub-4469282388984999"
          data-ad-slot="7248419616"></ins>
        <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
      <br>
    <p>Source: <a href="https://ru.stackoverflow.com/questions/119138/">https://ru.stackoverflow.com/questions/119138/</a></p>
<section class="more-articles-navigation-panel js-more-articles-navigation-panel">
<h4>More articles:</h4>
<nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages">
<li><a href="../118136/index.html">  Which PHP framework to choose?  [closed] </a></li>
<li><a href="../118193/index.html">  Container binary tree </a></li>
<li><a href="../118277/index.html">  Apache with ubuntu disappeared </a></li>
<li><a href="../118447/index.html">  How to change the color of the form with ColorDialog? </a></li>
<li><a href="../118608/index.html">  The client-server example does not work (only localhost works) </a></li>
<li><a href="../119187/index.html">  Set wallpaper from python </a></li>
<li><a href="../119735/index.html">  HTML5 Canvas - which books would you recommend to study?  [duplicate] </a></li>
<li><a href="../120090/index.html">  HTML validator </a></li>
<li><a href="../120690/index.html">  Work with student lists </a></li>
<li><a href="../120838/index.html">  Fixed min-height at parent and height: 100% at child </a></li>
</ul></nav>
</section><br />
<a href="../../allArticles.html"><strong>All Articles</strong></a>
<script src="../../js/main.js"></script>

<script type="text/javascript" >
  (function (d, w, c) {
      (w[c] = w[c] || []).push(function() {
          try {
              w.yaCounter62683636 = new Ya.Metrika({
                  id:62683636,
                  clickmap:true,
                  trackLinks:true,
                  accurateTrackBounce:true,
                  webvisor:true
              });
          } catch(e) { }
      });

var n = d.getElementsByTagName("script")[0],
          s = d.createElement("script"),
          f = function () { n.parentNode.insertBefore(s, n); };
      s.type = "text/javascript";
      s.async = true;
      s.src = "https://mc.yandex.ru/metrika/watch.js";

if (w.opera == "[object Opera]") {
          d.addEventListener("DOMContentLoaded", f, false);
      } else { f(); }
  })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/62683636" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-166339405-1', 'auto'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async defer></script>

</section>
</body>

</html>