AJAX request does not work

...

<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/520088/%25D0%259D%25D0%25B5-%25D1%2580%25D0%25B0%25D0%25B1%25D0%25BE%25D1%2582%25D0%25B0%25D0%25B5%25D1%2582-ajax-%25D0%25B7%25D0%25B0%25D0%25BF%25D1%2580%25D0%25BE%25D1%2581" class="question-hyperlink">AJAX request does not work</a> </h1></div><div id="mainbar" role="main" aria-label="question and answers"><div class="question" data-questionid="520088" 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> <a href="" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eUQpe.png" alt="enter image description here"></a>  The php script is running, but $ _request is empty. </p><pre><code><form id="form"> </form> ... <textarea id="input" name="input" rows="10" form="form"></textarea> $(document).ready(function () { $(".glyphicon").click(function () { $("#form").submit(); }); $("#form").submit(function () { $.ajax({ type: "POST", url: "handler.php", data: $(this).serialize() }).done(function () { alert('done') }); return false; }); });</code> </pre> <p>  <strong>php</strong> </p><pre> <code>$fp = fopen('asdf.txt', 'w'); fwrite($fp, $_REQUEST["input"]); fclose($fp);</code> </pre></div><div class="post-taglist grid gs4 gsy fd-column"><div class="grid ps-relative d-block">  <a href="https://ru.stackoverflow.com/questions/tagged/php" class="post-tag" title="show questions tagged with [php]" rel="tag">php</a> <a href="https://ru.stackoverflow.com/questions/tagged/javascript" class="post-tag" title="show questions tagged with [javascript]" rel="tag">javascript</a> <a href="https://ru.stackoverflow.com/questions/tagged/ajax" class="post-tag" title="show questions tagged [ajax]" rel="tag">ajax</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 "><div class="user-gravatar32"></div><div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person">  <span class="d-none" itemprop="name">noozlip</span> <div class="-flair"></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/19f0349e2d6c35427aa5b24bade45190?s=32&d=identicon&r=PG&f=1" alt="" width="32" height="32"></div></div><div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person">  <span>noozlip</span> <span class="d-none" itemprop="name">noozlip</span> <div class="-flair">  <span class="reputation-score" title="reputation level" dir="ltr">3</span> <span title="3 bronze marks"><span class="badge3"></span></span>  <span title="3 bronze marks"><span class="badgecount">3</span></span> </div></div></div></div></div></div></div><div class="post-layout--right"><div id="comments-520088" class="comments js-comments-container " data-post-id="520088"><ul class="comments-list js-comments-list" data-remaining-comments-count="5" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"><li id="comment-639732" class="comment js-comment " data-comment-id="639732"><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">What does the <code>$_POST</code> array contain?</span>  - <span>Dmitriy Simushev</span>  </div></div></li><li id="comment-639741" class="comment js-comment " data-comment-id="639741"><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">$ _POST is absolutely empty</span> - <span>noozlip</span>  </div></div></li><li id="comment-639752" class="comment js-comment " data-comment-id="639752"><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">In the tools in the <code>network</code> tab after sending it should appear, look or show something is sent?</span>  - <span>Mr_Epic</span>  <span>2:49 PM</span> </div></div></li><li id="comment-639756" class="comment js-comment " data-comment-id="639756"><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">Perhaps you have problems writing to the file, tried to add anything other than this data, just any line?</span>  - <span>Mr_Epic</span>  </div></div></li><li id="comment-639759" class="comment js-comment " data-comment-id="639759"><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">@Mr_Epic, if <code>$_POST</code> really empty, the record has nothing to do with it.</span>  - <span>Dmitriy Simushev</span>  </div></div></li></ul></div><div id="comments-link-520088" 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="520117"></a><div id="answer-520117" class="answer accepted-answer" data-answerid="520117" 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>  The problem is in the php server, it is configured incorrectly, it can be seen from the errors issued when requesting: </p><blockquote><p>  Deprecated: Automatically populating $ HTTP_RAW_POST_DATA is deprecated and will be removed in a future version.  To avoid this warning set 'always_populate_raw_post_data' to '-1' in php.ini and use the php: // input stream instead.  in Unknown on line 0 </p><p>  Warning: Cannot modify header information - headers already sent in Unknown on line 0 </p></blockquote><p>  Try reinstalling <code>phpstorm</code> or read where the php server itself is in phpstorm, and configure it, everything is fine in the client and server code. </p></div><div class="grid mb0 fw-wrap ai-start jc-end gs8 gsy"><time itemprop="dateCreated" datetime="2016-05-04T15:33:12"></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://www.gravatar.com/avatar/ead2328017843c0daade8cd198ddf83b?s=32&d=identicon&r=PG" alt="" width="32" height="32"></div></div><div class="user-details">  <span>Igor</span> <div class="-flair">  <span class="reputation-score" title="reputation level 77,975" dir="ltr">78k</span> <span title="5 golden marks"><span class="badge1"></span></span>  <span title="5 golden marks"><span class="badgecount">five</span></span> <span title="20 silver marks"><span class="badge2"></span></span>  <span title="20 silver marks"><span class="badgecount">20</span></span> <span title="48 bronze marks"><span class="badge3"></span></span>  <span title="48 bronze marks"><span class="badgecount">48</span></span> </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/7e6fedd7840a347cf53fdf49e5af6110?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>Mr_Epic</span> <span class="d-none" itemprop="name">Mr_Epic</span> <div class="-flair">  <span class="reputation-score" title="reputation level" dir="ltr">1,175</span> <span title="7 silver marks"><span class="badge2"></span></span>  <span title="7 silver marks"><span class="badgecount">7</span></span> <span title="32 bronze marks"><span class="badge3"></span></span>  <span title="32 bronze marks"><span class="badgecount">32</span></span> </div></div></div></div></div></div><div class="post-layout--right"><div id="comments-520117" class="comments js-comments-container " data-post-id="520117"><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-639820" class="comment js-comment " data-comment-id="639820"><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">In general, I am downloading the Open Server, I will try to run it on it ... then I can write it off or not.</span>  - <span>noozlip</span>  </div></div></li><li id="comment-639861" class="comment js-comment " data-comment-id="639861"><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">it worked, thanks.</span>  - <span>noozlip</span>  </div></div></li></ul></div><div id="comments-link-520117" 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="520096"></a><div id="answer-520096" class="answer" data-answerid="520096" 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>  <a href="http://www.w3schools.com/tags/att_textarea_form.asp" rel="nofollow">http://www.w3schools.com/tags/att_textarea_form.asp</a> - </p><blockquote><p>  The form attribute is new in HTML5. </p><p>  IE - not supported. </p></blockquote><p>  In Chrome and Firefox js, the code from your question works: </p><p></p><div class="snippet" data-lang="js" data-hide="false"><div class="snippet-code"><pre class="snippet-code-js lang-js prettyprint-override"> <code>$(document).ready(function () { $(".glyphicon").click(function () { $("#form").submit(); }); $("#form").submit(function () { var formData = $(this).serialize(); alert(formData); /*$.ajax({ type: "POST", url: "handler.php", data: $(this).serialize() }).done(function () { alert('done') });*/ return false; }); });</code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="form"> </form> ... <textarea id="input" name="input" rows="10" form="form">test</textarea> <button type="button" class="glyphicon">Submit</button></code> </pre> </div></div><p></p></div><div class="grid mb0 fw-wrap ai-start jc-end gs8 gsy"><time itemprop="dateCreated" datetime="2016-05-04T14:41:52"></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/ead2328017843c0daade8cd198ddf83b?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>Igor</span> <span class="d-none" itemprop="name">Igor</span> <div class="-flair">  <span class="reputation-score" title="reputation level 77,975" dir="ltr">78k</span> <span title="5 golden marks"><span class="badge1"></span></span>  <span title="5 golden marks"><span class="badgecount">five</span></span> <span title="20 silver marks"><span class="badge2"></span></span>  <span title="20 silver marks"><span class="badgecount">20</span></span> <span title="48 bronze marks"><span class="badge3"></span></span>  <span title="48 bronze marks"><span class="badgecount">48</span></span> </div></div></div></div></div></div><div class="post-layout--right"><div id="comments-520096" class="comments js-comments-container " data-post-id="520096"><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-639747" class="comment js-comment " data-comment-id="639747"><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">i use the last chrome</span> - <span>noozlip</span>  </div></div></li></ul></div><div id="comments-link-520096" 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">  default </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/520088/">https://ru.stackoverflow.com/questions/520088/</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="../520058/index.html">  Delete row / column array </a></li>
<li><a href="../520060/index.html">  How to put a condition in a Jade loop? </a></li>
<li><a href="../520061/index.html">  Nil or be empty </a></li>
<li><a href="../520074/index.html">  json time format </a></li>
<li><a href="../520085/index.html">  How to make firebug display Russian text correctly in the console? </a></li>
<li><a href="../520089/index.html">  When using LogManager in a web application, an error occurs </a></li>
<li><a href="../520094/index.html">  laravel5 how to get the throttle error object in the handler </a></li>
<li><a href="../520095/index.html">  JSP images are not displayed </a></li>
<li><a href="../520111/index.html">  How to convert price to CHPF? </a></li>
<li><a href="../520114/index.html">  Display nested lists </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>