AJAX发布到数据库

我看了其他问题，找不到答案为什么这不起作用。我在网上学习一个教程。这里是我的代码：AJAX发布到数据库

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

我不知道我做错了什么。该教程具有相同的代码。谢谢你的帮助。

来源

2012-11-04 robk27

哪个错误会抛出？ 404或500？。你也调试了脚本，看看是否退出JavaScript中的错误 – Jorge

在部分包含

除了任何其他错误，你可能会得到，你应该之前导入的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>

来源

2012-11-04 17:53:31 moonwave99

有用的无法解释的downvoting是有用的。 – moonwave99

等一下，为什么有2个downvotes？这是一个正确的（但也许是不完整的）建议。有人可以花一点时间解释一下吗？ –

嗯，我不知道如果我能帮助你：

你必须在你的代码中的错误

的ELSEIF条件没有====（4）刚刚===（3）
ajax.js文件应该位于jQuery库之后
src属性不是scr。
当然，jQuery库的URL应该以http：//开头，因为它是一个外部资源。 mysql_query（）函数应该有连接变量，例如：
mysql_query（“[query here]”，$ connect）;

来源

2012-11-04 18:02:17 Sike

谢谢....做出了这些修改 – robk27

如果您想成为协议不可知的，您可以使用src =“// path/to/resource”[参见[HTML5 Boilerplate]（https://github.com/h5bp） /html5-boilerplate/blob/master/index.html）。 – moonwave99

@ moonwave99对不起，我不知道那个谢谢。 – Sike

AJAX发布到数据库

相关问题