提交表单时如何将值传递给同一页？使用Ajax

Question

基本上，表单必须将数据发送到我的数据库，并且当用户提交表单而不刷新页面时，我的数据库信息应显示在同一页面上。 我做错了事，找不到解决方法。 并看着所有问题，但无法解决。 谢谢您的帮助。

 <div  id="tweetSpace">
      <form id="formTweet" method="post" >
        <textarea id="areaTweet" name="message" rows="2" cols="120" placeholder="Write your tweet here..."></textarea>
        <br>
        <input id="sendTweet" type="submit" value="Send">
      </form>
    </div>

    <div id="txtHint"></div>

<script>
$("#sendTweet").on("submit", function(e){


    var tweet = $('areaTweet').val();
    var update = $('#txtHint');

    $.ajax({
        type: 'POST',
        url: 'tweet2.php',
        data: , tweet,  
        success:function(html){
           update.html(html);
        }
    });
});


</script>

tweet2.php文件

<?php 

 include 'connect.php';
  session_start();

$tweet=$_POST['tweet'];
$email =$_SESSION['login_user'];
$sqlr = "INSERT INTO tweets(tweet,member_email) VALUES ('$tweet','$email')";
$rqu = mysqli_query($conn,$sqlr);


$x=0;
$arrayName = array();
$sql= "SELECT tweet FROM tweets WHERE member_email= '$email' "
$rq = mysqli_query($conn,$sql);
while($row = mysqli_fetch_assoc($rq)) {
           $arrayName[$x]  = $row["tweet"];
           $x=$x+1;
}


<?php for($k = 0; $k < $x; $k++) {?>

 <p><?php echo  $arrayName[$k]; ?></p>

<?php } ?


?>

Answer 1

在发推文之前，您的ajax中是否有多余的逗号？ data: , tweet,

如果是这样，它将无法正常工作。 应该是data: tweet,

Answer 2

您不想刷新页面，因此必须使用preventDefault，但它仅适用于表单ID。因此需要更改表单ID的提交按钮ID。第二件事是您的数据格式函数必须像json {key : value}

$("#formTweet").on("submit", function(e){

e.preventDefault(); //prevent refresh page
var tweet = $('#areaTweet').val();
var update = $('#txtHint');

$.ajax({
    type: 'POST',
    url: 'tweet2.php',
    data: {tweet:tweet},  
    success:function(html){
       update.html(html);
    }
});
});

我认为您需要修改tweet2.php

<?php 

 include 'connect.php';
  session_start();

$tweet=$_POST['tweet'];
$email =$_SESSION['login_user'];
$sqlr = "INSERT INTO tweets(tweet,member_email) VALUES ('$tweet','$email')";
$rqu = mysqli_query($conn,$sqlr);

$sql= "SELECT tweet FROM tweets WHERE member_email= '$email' ";
$rq = mysqli_query($conn,$sql);
while($row = mysqli_fetch_assoc($rq)) {
           echo  "<p>".$row["tweet"]."</p>";
}

?>

Answer 3

确保设置exit（）; 在tweet2.php文件的末尾。 然后只有您才能获得回复。 此外，您应以{tweet：tweet}格式的数据形式定义数据。 变量将与ajax一起出现在您的php文件中。

$（“＃sendTweet”）。on（“ submit”，function（e）{

var tweet = $('areaTweet').val();
var update = $('#txtHint');

$.ajax({
        type: 'POST',
        url: 'tweet2.php',
        data: {tweet:tweet},  
        success:function(html){
           update.html(html);
        }
    });
});

更新而不是此var tweet = $('areaTweet').val();

采用

var tweet = $('#areaTweet').val();

Answer 4

这是工作代码...请注意，所有更改均在2个文件中完成。

的HTML

<html>
<head>
    <title>Tweets</title>
</head>

<body>
    <div id="tweetSpace">
      <form id="formTweet" method="post" >
        <textarea id="areaTweet" name="message" rows="2" cols="120" placeholder="Write your tweet here..."></textarea>
        <br>
        <input id="sendTweet" type="button" value="Send">
      </form>
    </div>

    <div id="txtHint"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
  $("#sendTweet").click(function(e){

      var tweet = $('#areaTweet').val();
      var update = $('#txtHint');

      $.ajax({
          type: 'POST',
          data: {'tweet':tweet},
          url: 'tweet2.php',
          success:function(html){
             update.html(html);
          }
      });
  });
</script>

</body>
</html>

tweet2.php

<?php 
session_start();
include 'connect.php';
/*
$servername = "localhost";
$username = "root";
$password = "";
$db = "sflow";
$conn = mysqli_connect($servername, $username, $password, $db); 
*/

$tweet = $_POST['tweet'];
$email = /*"sample@s.com";//*/$_SESSION['login_user'];
$sqlr  = "INSERT INTO tweets(tweet,member_email) VALUES ('$tweet','$email')";
$rqu   = mysqli_query($conn,$sqlr);

$x=0;
$arrayName = array();
$sql= "SELECT tweet FROM tweets WHERE member_email= '$email'";
$rq = mysqli_query($conn,$sql);
while($row = mysqli_fetch_assoc($rq)) {
           $arrayName[$x]  = $row["tweet"];
           $x=$x+1;
}

for($k = 0; $k < $x; $k++)
echo '<p>'.$arrayName[$k].'</p>';
?>

样品表

CREATE TABLE IF NOT EXISTS `tweets` (
  `ID` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `tweet` varchar(255) NOT NULL,
  `member_email` varchar(255) NOT NULL,
  PRIMARY KEY (`ID`),
  UNIQUE KEY `sid_2` (`tweet`),
  KEY `sid` (`tweet`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data for table `tweets`
--

INSERT INTO `tweets` (`ID`, `tweet`, `member_email`) VALUES
(1, 'sasa', 's@g.com'),
(2, 'fgfg', 'sample@s.com');

提交表单时如何将值传递给同一页？使用Ajax

问题描述

4 个解决方案

解决方案1
0 2016-06-25 04:51:09

解决方案2
0 2016-06-25 05:24:13

解决方案3
0 2016-06-25 05:28:16

解决方案4
0 已采纳 2016-06-25 05:59:57

提交表单时如何将值传递给同一页？ 使用Ajax

问题描述

4 个解决方案

解决方案1 0 2016-06-25 04:51:09

解决方案2 0 2016-06-25 05:24:13

解决方案3 0 2016-06-25 05:28:16

解决方案4 0 已采纳 2016-06-25 05:59:57

提交表单时如何将值传递给同一页？使用Ajax

解决方案1
0 2016-06-25 04:51:09

解决方案2
0 2016-06-25 05:24:13

解决方案3
0 2016-06-25 05:28:16

解决方案4
0 已采纳 2016-06-25 05:59:57