AJAX 发布到数据库答案

【问题标题】：AJAX post to databaseAJAX 发布到数据库
【发布时间】：2012-11-04 17:49:12
【问题描述】：

我查看了其他问题，但找不到为什么这不起作用的答案。我正在网上学习教程。这是我的代码：

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";
    }
 }
 ?>

我看不出我做错了什么。本教程具有相同的代码。感谢您的帮助。

【问题讨论】：

抛出哪个错误呢？ 404还是500？？ .您是否也调试过脚本，以便查看 JavaScript 中是否存在错误
在部分中包含您的
你写的scr="ajax.js"应该是src="ajax.js"
第 100 万个 Ajax 到数据库的问题。错误是什么？是否调用了Javascript？调用php脚本，mysql_error返回什么错误？等等等等。
@Bouillou 最好在body末尾执行js，加载性能更好。

标签： php jquery ajax post

【解决方案1】：

moonwave99 是正确的（我不知道为什么不赞成）.. 而且 scr="ajax" 应该是 src="ajax" 在你的 html 中，应该放在 head 甚至之前。其他原因可能是 ajax.php 在站点中的位置，也许声明整个 URL 会有所帮助：

$.post('http://wholeurl/ajax.php', { 
      item: item 
   }, function(data) {
      $('#content').text(data);
   });

希望对你有帮助，如果没有请指出错误。

【讨论】：

【解决方案2】：

不知道能不能帮到你：

你的代码有一些错误

elseif 条件不是 ====(4) 只是 ===(3)
ajax.js文件应该在jquery库之后
src属性不是scr。
当然，jquery 库的 URL 应该以 http:// 开头，因为它是一个外部资源。
mysql_query() 函数应该有连接变量，例如：
mysql_query("[此处查询]", $connect);

【讨论】：

如果你想成为协议无关的see [HTML5 Boilerplate，你可以使用src="//path/to/resource"]。

【解决方案3】：

除了您可能遇到的任何其他错误之外，您应该在脚本之前导入 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>

【讨论】：

有用的、无法解释的投票很有用。
等等，为什么有 2 票反对？这是一个正确（尽管可能不完整）的建议。有人可以花点时间解释一下吗？