Не могу понять из-за чего возникает ошибка при добавлений записи и как его исправить?
<script> function editRecord(button) { var row = button.closest("tr"); var editInputs = row.querySelectorAll(".edit-input"); var editableElements = row.querySelectorAll(".editable"); editInputs.forEach(function (element) { element.style.display = "inline-block"; }); editableElements.forEach(function (element) { element.style.display = "none"; }); row.querySelector(".edit-btn").style.display = "none"; row.querySelector(".save-btn").style.display = "inline-block"; } function saveRecord(button) { var row = button.closest("tr"); var id = row.getAttribute("data-record-id"); var name = row.querySelector("[data-field='name']").value; var email = row.querySelector("[data-field='email']").value; var formData = new FormData(); formData.append("saveRecord", true); formData.append("recordId", id); formData.append("name", name); formData.append("email", email); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); location.reload(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error saving record"); }); } function deleteRecord(button) { var row = button.closest("tr"); var id = row.getAttribute("data-record-id"); var formData = new FormData(); formData.append("deleteRecord", true); formData.append("recordId", id); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); row.remove(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error deleting record"); }); } function addRecord() { var newName = document.getElementById('newName').value; var newEmail = document.getElementById('newEmail').value; var formData = new FormData(); formData.append("addRecord", true); formData.append("name", newName); formData.append("email", newEmail); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); location.reload(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error adding record"); }); } // Добавляем обработчик события клика после полной загрузки документа document.addEventListener('DOMContentLoaded', function () { var addButton = document.getElementById('addButton'); if (addButton) { addButton.addEventListener('click', addRecord); } }); </script> |
<script> function editRecord(button) { var row = button.closest("tr"); var editInputs = row.querySelectorAll(".edit-input"); var editableElements = row.querySelectorAll(".editable"); editInputs.forEach(function (element) { element.style.display = "inline-block"; }); editableElements.forEach(function (element) { element.style.display = "none"; }); row.querySelector(".edit-btn").style.display = "none"; row.querySelector(".save-btn").style.display = "inline-block"; } function saveRecord(button) { var row = button.closest("tr"); var id = row.getAttribute("data-record-id"); var name = row.querySelector("[data-field='name']").value; var email = row.querySelector("[data-field='email']").value; var formData = new FormData(); formData.append("saveRecord", true); formData.append("recordId", id); formData.append("name", name); formData.append("email", email); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); location.reload(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error saving record"); }); } function deleteRecord(button) { var row = button.closest("tr"); var id = row.getAttribute("data-record-id"); var formData = new FormData(); formData.append("deleteRecord", true); formData.append("recordId", id); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); row.remove(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error deleting record"); }); } function addRecord() { var newName = document.getElementById('newName').value; var newEmail = document.getElementById('newEmail').value; var formData = new FormData(); formData.append("addRecord", true); formData.append("name", newName); formData.append("email", newEmail); fetch(window.location.href, { method: "POST", body: formData }) .then(function(response) { if (!response.ok) { throw new Error('Network response was not ok'); } return response.text(); }) .then(function(data) { console.log(data); location.reload(); }) .catch(function(error) { console.error('There has been a problem with your fetch operation:', error); alert("Error adding record"); }); } // Добавляем обработчик события клика после полной загрузки документа document.addEventListener('DOMContentLoaded', function () { var addButton = document.getElementById('addButton'); if (addButton) { addButton.addEventListener('click', addRecord); } }); </script>
Uncaught ReferenceError: $ is not defined
at addRecord (z.php:103:9)
at HTMLButtonElement.onclick (z.php:34:51) при добавлений записи
Дополнительно:
Uncaught ReferenceError: $ is not defined
Jquery подключён?
https://yandex.ru/search/?text=Uncaught+ReferenceE...
Ответы:
Uncaught ReferenceError: $ is not defined
А в приведённом примере кода $ и не используется. Ошибка не тут. Подозреваю что $ это jQuery. Если это так, то он должен быть подключён к странице РАНЬШЕ этого скрипта, в котором идёт обращение к $.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы разобраться, почему возникает ошибка при добавлении записи, необходимо проанализировать код, который отвечает за эту операцию. Первым делом стоит проверить, есть ли какие-то сообщения об ошибках или предупреждениях, которые могли бы указать на причину проблемы.
Далее, следует обратить внимание на следующие аспекты:
1. Проверьте правильность подключения к базе данных. Убедитесь, что данные для подключения (хост, имя пользователя, пароль, название базы данных) указаны корректно и соответствуют настройкам вашего сервера.
2. Проверьте правильность SQL запроса. Убедитесь, что все необходимые поля указаны и данные корректно обрабатываются (например, если вы работаете с текстовыми данными, убедитесь, что они экранируются).
3. Проверьте наличие обработчика для добавления записи. Убедитесь, что форма отправляет данные на правильный URL и что обработчик корректно обрабатывает полученные данные.
Приведу пример кода на языке PHP, который может помочь вам исправить ошибку:
connect_error) { die("Ошибка подключения: " . $conn->connect_error); } // Обработка данных из формы if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $email = $_POST["email"]; // SQL запрос для добавления записи $sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')"; if ($conn->query($sql) === TRUE) { echo "Запись успешно добавлена"; } else { echo "Ошибка при добавлении записи: " . $conn->error; } } // Закрытие соединения с базой данных $conn->close(); ?>
Не забудьте также добавить проверки на вводимые данные (например, валидацию email) и обработку возможных исключений. Если после выполнения вышеперечисленных шагов ошибка все еще остается, попробуйте вывести дополнительную информацию об ошибке (например, сообщение об ошибке из базы данных) для более детального анализа.