来自用户输入数字的jquery ajax调用以更新可用数量

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

<input type="number" id="inputNumber">
<span id="availableCount"></span>

$('#inputNumber').on('input', function() {
  // 获取输入框的值
  var number = $(this).val();
  
  // 发送ajax请求
  $.ajax({
    url: 'update_count.php', // 后端处理更新数量的接口地址
    method: 'POST',
    data: { number: number }, // 发送的数据，包括用户输入的数字
    success: function(response) {
      // 更新可用数量的显示
      $('#availableCount').text(response.count);
    },
    error: function() {
      console.log('更新可用数量失败');
    }
  });
});

<?php
// 获取用户输入的数字
$number = $_POST['number'];

// 进行相应的处理，例如更新数据库中的数量

// 返回更新后的可用数量
$response = array('count' => $updatedCount);
echo json_encode($response);
?>