Why might Ajax not work?

Question

PHP

Help me figure out what's the problem?
I'm trying to call a php script via ajax, after inserting the resulting array back into html, but something went wrong.

JS

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

      <script type="text/javascript">
        $(function(){
         $('#form').submit(function(e){
            e.preventDefault();
            var data = $(this).serialize();
            $.ajax({
              type: "POST",
              url: "new.php",
              data: data,
              success: function(result){
                 $('#result').html(result);
              }
            });
         });
       });  
      </script>

HTML

<form id="form">
      <input type="text" name="text">
      <input type="submit">
</form>
<div id="result">
</div>

PHP (new.php)
var_dump($_POST);

Answer 1

Not var_dump, but try echo, then it will work