使用AJAX jQuery PHP将数据发送到MySQL

我一整天都在寻找一种方法将一些数据插入到我的数据库中,然后在我网页上已经存在的数据列表中显示新数据.

我知道我无法完成的一些要点可能是基础知识,但我刚开始学习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

$.ajax({
    url: "messages.PHP",data: 'show=content',});

messages.PHP

if(isset($_POST['show']) && $_POST['show']=='content') {
 // rest of your code goes here..
}

还有一件事.使用MysqLi代替MysqL,因为它现在已被弃用.

原文链接：https://www.f2er.com/ajax/160193.html

使用AJAX jQuery PHP将数据发送到MySQL

猜你在找的Ajax相关文章