AJAX未发送数据

Question

I am using the following code to get data from an input field and send it to PHP by POST but its not working

<script type="text/javascript">
  $(document).ready(function () {
      $("#id_1").change(function () {
          var rat1 = $(this).val();
          $.ajax({
              url: "upload.php",
              type: "post",
              data: rat1,
              success: function (response) {
                  // you will get response from your php page (what you echo or print)

              },
              error: function(jqXHR, textStatus, errorThrown) {
                  console.log(textStatus, errorThrown);
              }


          });
      });
  });
</script>

this is the input form

<input type="number" name="your_awesome_parameter" id="id_1" class="rating" data-clearable="remove"
                           data-icon-lib="fa" data-active-icon="fa-heart" data-inactive-icon="fa-heart-o"
                           data-clearable-icon="fa-trash-o"/>

</div>

Answer 1

You need to provide a name for the parameter. It should be:

data: { param_name: rat1 }

Then in upload.php you access it with $_POST['param_name']