我一整天都在寻找一种方法将一些数据插入到我的数据库中,然后在我网页上已经存在的数据列表中显示新数据.
我知道我无法完成的一些要点可能是基础知识,但我刚开始学习Javascript / AJAX,所以我的知识有限.
我认为70%的工作已完成,我可以使用AJAX / jQuery / PHP在我的网页上显示数据,但我无法想象如何再次使用AJAX / jQuery / PHP将数据从“textarea”发送到我的数据库.
到目前为止,这就是我所做的:
的index.PHP
在这个页面中,我想我需要在按钮上放置一个onClick:function()但我不知道该放置该函数的位置以及它应该做什么.
<!DOCTYPE html>
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TP2</title>
<script src="jquery-1.10.2.min.js"></script>
</head>
<body>
<script src="javascript.js"></script>
Message: <input type="text" id="message-content">
<input type="button" id="message-submit" value="Envoyer">
<div id="output" align="center">
</div>
</body>
</html>
javascript.js
此页面包含在#output div中显示我的数据的AJAX代码.
我只是不知道在“data:{}”中输入什么,所以我的textarea的内容被发送到我的PHP文件.
$.ajax({
url: "messages.PHP",type: "POST",async: true,data: { WHAT GOES HERE ? },dataType: "html",success: function(data) {
$('#output').html(data);
},});
messages.PHP
我知道INSERT查询会在这里,但我无法想象如何从我的textarea的POST中获取值.
<?PHP
$host = "localhost";
$user = "root";
$pass = "root";
$databaseName = "myDataBaseName";
$tableName = "comments";
$con = MysqL_connect($host,$user,$pass);
$dbs = MysqL_select_db($databaseName,$con);
$result = MysqL_query("SELECT * FROM $tableName ORDER BY date DESC LIMIT 0,10 ");
$data = array();
while ($row = MysqL_fetch_array($result))
{
echo $row['message']." - ".$row['date'];
echo "<br />";
}
?>
你可以发送该物业的任何东西.尝试这个:
JS
JS
$.ajax({
url: "messages.PHP",data: 'show=content',});
messages.PHP
if(isset($_POST['show']) && $_POST['show']=='content') {
// rest of your code goes here..
}
还有一件事.使用MysqLi代替MysqL,因为它现在已被弃用.