Обновить страницу после вызова Ajax

#javascript #php #ajax

#javascript #php #ajax

Вопрос:

У меня есть две страницы, на первой странице вы можете выбрать элемент с помощью <select> </select> . Когда вы выбираете элемент, форма автоматически отображается с помощью вызова AJAX. В этой форме данные автоматически загружаются из базы данных mysql в <textarea> </textarea> . В тот момент, когда вы отправляете свою форму, я хочу, чтобы новые данные были добавлены в <textarea> </textarea> я просто не могу с этим справиться, кто может мне помочь?

 $(document).ready(function () {
        $("#btnAdd").click(function (e) {
            /* Retrieving value from textboxes */
        var besproken = $('#besproken').val();  
            $.post("save.php", { 
              besproken: besproken, 
          }, function (data) {
          $("#autoSave").html("Coaching ");
          $("#btnAdd").attr("disabled", true);
          });
            return false;
        });
    });
  

Комментарии:

1. Итак, какая именно часть этого вызывает у вас проблемы? Каковы текущие результаты и чем это отличается от того, что вы хотите?

Ответ №1:

Если все, что вы хотите сделать, это вставить данные в текстовую область, просто используйте jQuery для выбора элемента, $("textarea") затем вызовите текстовый метод и передайте свои данные .text(data) . Результат вызова будет выглядеть следующим образом $("textarea").text(data)

 $(document).ready(function() {
  $("#btnAdd").click(function(e) {
    /* Retrieving value from textboxes */
    var besproken = $('#besproken').val();
    $.post("save.php", {
      besproken: besproken,
    }, function(data) {
      $("#autoSave").html("Coaching ");
      $("#btnAdd").attr("disabled", true);
      $("textarea").text(data);
    });
    return false;
  });
});
  

Ответ №2:

Вы можете использовать div. Когда вы нажмете отправить, вы получите ajax-ответ, загрузите его в div.

 success: function(data){
     $("#status").load("url of the php-file");
     or 
     $("#status").html(data);
 }