Я просмотрел другие вопросы и не могу найти ответ на вопрос, почему это не работает. Я следую учебнику онлайн. Вот мой код:
HTML-файл:
<!DOCTYPE HTML> <html> <head> <title>AJAX Test</title> </head> <body> <h4>Enter an Item</h4> <input type="text" id="item" /><br /> <input type="button" id="button" value="Submit" /><br /> <div id="content"></div> <script type="text/javascript" scr="ajax.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> </body> </html> JS-файл:
$('#button').click(function() { var item = $('#item').val(); $('#content').text('Loading...'); $.post('ajax.php', { item: item }, function(data) { $('#content').text(data); }); });
PHP-файл:
<?php include 'db.php'; if (isset($_POST['item'])) { $item = $_POST['item']; $sql = mysql_query("INSERT INTO items(item)VALUES('$item')"); if ($sql === true) { echo "Inserted into database"; } elseif ($sql ==== false) { echo "Error inserting into database"; } } ?>
Я не вижу, что я делаю неправильно. Учебник имеет тот же код. Спасибо за вашу помощь.
moonwave99 прав (я не уверен, почему downvotes) .., а также scr = "ajax" должен быть src = "ajax" в вашем html и должен быть поставлен в голову или даже раньше. Другой причиной может быть позиция ajax.php для сайта, возможно, объявление всего URL-адреса поможет:
$.post('http://wholeurl/ajax.php', { item: item }, function(data) { $('#content').text(data); });
Надеюсь, это поможет, если не указать, пожалуйста, ошибку.
Ну, я не знаю, могу ли я вам помочь:
У вас есть некоторые ошибки в вашем коде
Условие elseif не ==== (4) просто === (3)
Файл ajax.js должен быть после библиотеки jquery
Атрибут src не является scr.
И, конечно, URL-адрес библиотеки jquery должен начинаться с http: //, потому что это внешний ресурс.
Функция mysql_query () должна иметь переменную conection, Example:
mysql_query ("[запрос здесь]", $ connect);
Помимо любой другой ошибки, которую вы можете получить, вы должны импортировать jQuery перед своим скриптом:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="ajax.js"></script>