JQuery возвращает AJAX успеха для ввода типа номера

Question

У меня проблема с успешной загрузкой ajax на номер типа ввода.когда я изменяю тип ввода на текст, это работает.но когда я меняю тип ввода на число, оно не загружается.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<center>
  <table>
    <tr>
      <td>Enter Student Roll Number</td>
      <td><input type="text" name="roll" id="roll" maxlength="10" required /></td>
    </tr>
    <tr>
      <td>Attended</td>
      <td><input type="number" name="attend" id="attend" required /></td>
    </tr>
    <tr>
      <td>Conducted</td>
      <td><input type="text" name="conduct" id="conduct" disabled/></td>
    </tr>
  </table>
</center>

$(document).ready(function() {
  $('#roll').change(function() {
    var roll = $('#roll').val();
    $.ajax({
      type: 'POST',
      url: 'test2.php',
      data: 'roll_id=' + roll,
      success: function(value) {
        var data = value.split(",");
        $('#attend').val(data[0]);
        $('#conduct').val(data[1]);
      }
    });
  });
});

Answer 1

Я думаю, вы должны преобразовать его в целое число.вы используете type="number", так что это может вызвать эту проблему.

 var attend = parseInt(data[0]);
 $('#attend').val(attend);

для лучшего способа, вы должны отделить ваши переменные от файла PHP.

, а затем использовать parseJson, чтобы получитьотдельные значения.