Обновить форму с ajax

Question

У меня есть список таблиц, отображающий информацию о пользователях. Наверху будет ссылка на изменение. Мне нужно обновить форму через Ajax, а не перейти на другую страницу, чтобы обновить ее. Это мой код.

<?php while ($row = mysql_fetch_assoc($displayer)){ 

      echo("<tr><td>First Name</td><td>" . $row['first_name'] . "</td> </tr>"); 
      echo("<tr><td>Last Name</td><td>" . $row['last_name'] . "</td> </tr>"); 
      echo("<tr><td>Email</td><td>" . $row['email'] . "</td> </tr>"); 
      echo("<tr><td>Country</td><td>" . $row['country'] . "</td> </tr>"); 

      echo "<a class='page' href='amend.php?id=" .urlencode($row['users_id']) . "&amp;firstname=" .urlencode($row['first_name']) . "&amp;lastname=".urlencode($row['last_name']) ."'>Amend Record</a></td></tr>"; 
      ?> 

Может ли кто-нибудь сказать мне, как обновить форму с помощью Ajax на той же самой странице.

Answer 1

В подробностях подробно рассмотрим эти вопросы, которые потребуют очень длительного ответа ... тем не менее я остановлюсь на некоторых важных отправных точках.

Для начала вам нужен JS-файл с обработчиком по ссылке. При нажатии ссылки на запрос ajax должен быть сделан ... есть несколько способов сделать это, но я лично использую jQuery $ .ajax .... внутри запроса вы должны собрать переменные, которые отражают значения входов формы .... затем вы отправляете эти значения скрипту PHP, который делает проверку, и если это успешное обновление, соответствующие значения в базе данных. Помимо запроса вы также должны указать URL-адрес, который находится в этом скрипте.

Этот запрос ajax хотя и состоит из двух важных обратных вызовов ... ошибки и успеха ... в них вы должны написать код, который будет обрабатывать ситуацию, если запрос будет успешным или нет ... например, вы обновляете его значения в форме, когда вы уверены, что это действительно произошло в базе данных, и вы можете сделать чек для этого в скрипте PHP ... любые значения, которые должен повторить PHP-скрипт, должны выполняться с помощью json_encode ... и вы можете получить доступ к этим значения с аргументом данных успешного обратного вызова.AS Я сказал, что есть также обратный вызов ошибки .. это вызвано различными причинами ... это URL-адрес неправильный или JSON не возвращается с сервера.

Эти данные являются лишь отправными точками ... Я излагаю общий подход.

Answer 2

/* AJAX using jQuery */ 

// attach event to your <a> upon click 
$(document).on('click','a.page', function(e) { 
    e.preventDefault() 
    var sURL = $(this).attr("href"); // url to call for amend 
    update(sURL) // call the function update 
}); 

// update() function that is called after clicking anchor tag 
function update(_url) 
{   
    $.ajax({ 
     method: 'POST', 
     url: _url, 
     success: function() { 
      alert("Amend Success)"; 
     }, 
     error: function(c) { 
      alert("Internal server error. Check your browser console"); 
      console.log(c.responseText) 
     } 
    }) 
} 

ПРИМЕЧАНИЕ: Поместите это перед </тело > тега