хорошо, у меня есть всплывающее окно, в котором отображаются некоторые примечания, добавленные о клиенте. Содержимое (заметки) отображается через ajax (получение данных через ajax). У меня также есть add new кнопка для добавления новой заметки. В примечании добавлен ajax. Теперь возникает вопрос, после добавления примечания в базу данных.
Как обновить div который показывает заметки?
Я прочитал несколько вопросов, но не смог получить ответ.
Мой код для получения данных.
<script type="text/javascript"> var cid = $('#cid').val(); $(document).ready(function() { $.ajax({ //create an ajax request to load_page.php type: "GET", url: "ajax.php?requestid=1&cid="+cid, dataType: "html", //expect html to be returned success: function(response){ $("#notes").html(response); //alert(response); } }); }); </script>
DIV
<div id="notes"> </div>
Мой код, чтобы отправить форму (добавив новую заметку).
<script type="text/javascript"> $("#submit").click(function() { var note = $("#note").val(); var cid = $("#cid").val(); $.ajax({ type: "POST", url: "ajax.php?requestid=2", data: { note: note, cid: cid } }).done(function( msg ) { alert(msg); $("#make_new_note").hide(); $("#add").show(); $("#cancel").hide(); //$("#notes").load(); }); }); </script>
Я пробовал load , но это не работает.
Пожалуйста, направляйте меня в правильном направлении.
Создайте функцию для вызова ajax и получения данных из ajax.php затем просто вызовите функцию, когда вам нужно обновить div:
<script type="text/javascript"> $(document).ready(function() { // create a function to call the ajax and get the response function getResponse() { var cid = $('#cid').val(); $.ajax({ //create an ajax request to load_page.php type: "GET", url: "ajax.php?requestid=1&cid=" + cid, dataType: "html", //expect html to be returned success: function(response) { $("#notes").html(response); //alert(response); } }); } getResponse(); // call the function on load $("#submit").click(function() { var note = $("#note").val(); var cid = $("#cid").val(); $.ajax({ type: "POST", url: "ajax.php?requestid=2", data: { note: note, cid: cid } }).done(function(msg) { alert(msg); $("#make_new_note").hide(); $("#add").show(); $("#cancel").hide();} getResponse(); // call the function to reload the div }); }); }); </script>
Вам нужно указать URL-адрес функции jQuery load (), чтобы указать, где вы получаете контент. Поэтому, чтобы загрузить заметку, вы можете попробовать следующее:
$("#notes").load("ajax.php?requestid=1&cid="+cid);