Добрый день! Я ajax практически не знаю, просто копался в интернете за этот день. В итоге накатал код который поидее должен был добавлять запись без перезагрузки и тут выводить ее в таблице. Однако, что-то ничего не происходит при нажатии кнопки "добавить". Кто опытным взглядом может определить в чем ошибка?
Вообщем имеется таблица article с полями:
- article_id integer not null auto_increment primary key;
- article_title varchar(300);
И имеются два файла:
- index.php в котором есть вывод данных из таблицы и скрипт ajax по поводу передачи данных на вставку.
- addArticle.php - файл в котором идет вставка записи;
Код файла addArticle.php:
<?php
$article_title = $_POST['article_title'];
$connect = new mysqli("localhost", "root", "", "managerarticle");
if($connect->query("insert into article (article_title) values ('$article_title')"))
echo "OK";
else
echo "ОШИБКА В ЗАПРОСЕ!";
?>
Кусок кода основного файла index.php:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
$(document).ready( function()
{
// обрабатываем событие нажатия на кнопку "Добавить новый товар"
$('input[name=addArticle]').click(
function ()
{
var article_title = $('input[name=article_title_new]').val();
// отправляем AJAX запрос
$.ajax(
{
type: "POST",
url: "http://localhost/MyAjax/addArticle.php",
data: "article_title=" + article_title,
success: function(response)
{
if(response == "OK")
{
alert("Товар " + article_title + " добавлен!");
location.reload();
}
else
alert("Ошибка в запросе! Сервер вернул вот что: " + response);
}
}
);
}
);
});
</script>
...
<div>
Добавить товар:<br>
<input type="text" name="article_title_new" placeholder="Название товара">
<input type="button" name="addArticle" value="Добавить новый товар"><br>
</div><br>
...
И вообщем этот код не срабатывает. Почему не добавляется запись ни в таблицу, ни соответственно не выводится в теге таблицы. В чем может быть ошибка?
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.