从用户输入号码到更新可用数量的jquery ajax调用

使用jquery，我希望获得用户输入值和产品值，并将其传递到后端。一旦用户更改了输入值，就进行ajax调用，以访问java后端。我们需要传递产品编号和数量值，这将有助于根据数量和产品编号生成可用数量。有人能帮我做这项工作吗

<table id="myTable">
        <tr>
        <th>Product Line</th>
        <th >Quantity</th>
        <th>Available Quantity</th>
        </tr>
        <tr>
        <td id="product-number">test product <br> 56789</td>
        <td><input type="number" id="product-quantity" name="quantity" min="1" max="999"></td>
        <td id="available-quantity"></td>
        </tr>
        
    </table>

产品线
量
可用数量
试验产品
56789

您应该监听输入值的变化，然后运行ajax调用。然后在成功后，呈现后端的响应

<table id="myTable">
        <tr>
        <th>Product Line</th>
        <th >Quantity</th>
        <th>Available Quantity</th>
        </tr>
        <tr>
            <td id="product-number">test product <br> 56789</td>
            <td><input type="number" id="product-quantity" name="quantity" min="1" max="999"></td>
            <td id="available-quantity"></td>
        </tr>  
</table>

产品线
量
可用数量
试验产品
56789

$（函数（）{
$（“#产品数量”）。在（'keyup'，function（）上{
//如果输入值已更改，请在此处运行ajax调用
$.ajax({
....
$(function(){
    $('#product-quantity').on('keyup', function() {
       // if input value is changed, run the ajax call here
       $.ajax({
          .... <- fill in all required details here such as url, method, etc.
          success: function (data) {
            // then on ajax success, display the results from your backend
            $('#available-quantity').html(data)
          }
       })
    })
})