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

发布时间：2020-12-16 03:08:06 所属栏目：百科来源：网络整理

导读：我一整天都在寻找一种方法将一些数据插入到我的数据库中,然后在我网页上已经存在的数据列表中显示新数据. 我知道我无法完成的一些要点可能是基础知识,但我刚开始学习Javascript / AJAX,所以我的知识有限. 我认为70％的工作已完成,我可以使用AJAX / jQuery /

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

我知道我无法完成的一些要点可能是基础知识,但我刚开始学习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,因为它现在已被弃用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!