Блог

Я пытаюсь выполнить обновление и отобразить данные при отправке нового значения. Я хочу, чтобы при нажатии кнопки отправить новые данные добавлялись в базу данных и автоматически обновлялись и отображались без необходимости перезагрузки страницы. Но я не знаю, как это написать, вот мой код jQuery для получения данных

Get.js

 $(document).ready(function () {
  // FETCHING DATA FROM JSON FILE
  $.get('get', function (data) {
    var student = '';

    // ITERATING THROUGH OBJECTS
    $.each(data, function (key, value) {
      //CONSTRUCTION OF ROWS HAVING
      // DATA FROM JSON OBJECT
      student  = '<tr>';
      student  = '<td>'   value.id   '</td>';

      student  = '<td>'   value.name   '</td>';

      student  = '</tr>';
    });

    //INSERTING ROWS INTO TABLE
    $('#table').append(student);
  });
});
 

Это код для отправки данных

post.js

 $('#submit').click(function () {
  var id = $('#id').val();
  var name = $('#name').val();

  // Returns successful data submission message when the entered information is stored in database.
  var dataString = 'id='   id   'amp;name='   name;
  if (id == '' || name == '') {
    alert('Please Fill All Fields');
  } else {
    // AJAX Code To Submit Form.
    $.ajax({
      type: 'POST',
      url: 'save',
      data: dataString,
      cache: false,
      success: function (result) {
        alert(result);
      },
    });
  }
  return false;
});
 

и html

 <table id="table">
  <!-- HEADING FORMATION -->
  <tr>
    <th>Id</th>
    <th>Name</th>
  </tr>
</table>

<div id="form">
  <h3>Fill Your Information !</h3>
  <div>
    <label>Name :</label>
    <input id="id" type="text" />
    <label>Email :</label>
    <input id="name" type="text" />

    <input id="submit" type="button" value="Submit" />
  </div>
</div>
 

Приведенные выше 2 кода хорошо работают для успешного извлечения и отправки данных. Однако я хочу, чтобы функция get автоматически обновлялась и отображалась при отправке данных без необходимости перезагрузки страницы.