Question

我想在提交后在评论框上写的时候显示评论我需要显示我们在评论框中写的内容（当我提交评论时它正在数据库上工作，它会保存到数据库中我需要在下面显示的值）评论框然后我使用ajax将值发送到另一个页面）

的index.html

<html>
<body>
  <head>
    <script src="jquery-1.9.1.js"></script>
  </head>

<div class="wrapper"style=" margin: 0 auto;width: 1000px;">
    <div class="header"style="width:1000px;height:100px;background:#A6D1ED;"></div>
        <div class="main"style="width:1000px;height:400px;background:#EEEAF2;">

        <form name="form" method="post" action="insertcom.php">
           <textarea  name="comments"  id="comments"style="width:500px;height:100px;"></textarea>
           <input type="submit" name="Submit" value="Submit" id="btnS"/>
       </form>
            <div id="jcontent"></div>
            <script type="text/javascript">
                /* * Checking the Login - * */
                $('#btnS').on('click',function(e){
                    e.preventDefault();
                    var data_get = {
                            'comments': $('#comments').val().trim(),
                            <!-- 'username' : $('#username').val().trim(), -->
                            <!-- 'password' : $('#password').val().trim(), -->
                            <!-- 'email'        : $('#email').val().trim() -->
                            <!-- 'comments' : $('#comments').val().trim() -->
                            };
                    $.ajax({
                                url     : 'insertcom.php',
                                type    : 'POST',
                                data    : data_get,
                                timeout : 30000,
                                success : function(response_data, text, xhrobject) {
                                console.log(text);
                                if(text == "success"){
                                    $('#jcontent').html('success');
                                    }
                                else if(text == "ERROR"){
                                    $('#jcontent').html(' Fail ');
                                    }
                            }
                    });
                });
            </script>   
        </div>
        <div class="footer"style="width:1000px;height:100px;background:#7290A3;"></div>
    </div>  
<style>
h1{margin:0px;}     
</style>


</body>
</html>

insertcom.php

<?php

$host="localhost"; // Host name
$username="root"; // Mysql username
$password=""; // Mysql password
$db_name="713481"; // Database name
$tbl_name="test_four"; // Table name

// Connect to server and select database.
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");

// Get values from form
$comments=$_POST['comments'];

// Insert data into mysql
$sql="INSERT INTO $tbl_name(comments)VALUES('$comments')";
$result=mysql_query($sql);

// if successfully insert data into database, displays message "Successful".
if($result){
echo "Successful";
echo "<BR>";
echo "<a href='insert.php'>Back to main page</a>";
}

else {
echo "ERROR";
}
?>

<?php
// close connection
mysql_close();
?>

请帮助我这是我的项目........

Answer 1

我怀疑您的PHP脚本可能会抛出一个未被您的ajax调用捕获的错误。您只为success电话提供$.ajax()处理程序。请尝试传递error回调。

错误回调具有此签名：Function( jqXHR jqXHR, String textStatus, String errorThrown )。您可以在http://api.jquery.com/jQuery.ajax/

详细了解

编辑：如果你的脚本有问题，那么textStatus可能会告诉你这个问题。

Answer 2

尝试成功显示response_data

$。AJAX（{ url：'insertcom.php'，类型：'POST'， data：data_get，超时：30000， success：function（response_data，text，xhrobject）{ 的console.log（文本）; if（text ==“success”）{ $（ '＃jcontent'）HTML（RESPONSE_DATA）; } else if（text ==“ERROR”）{ $（'＃jcontent'）。html（'插入印度的失败'）; } } }）;

Answer 3

您的代码工作正常，您的消息显示在评论区域和下面的成功消息中。要显示来自insertcom.php的响应消息，请将JavaScript代码更新为$（'＃jcontent'）。html（response_data）;如果要在站点的其他页面上显示相同的注释消息，请写入sql查询以获取数据并显示它。

如何将评论文本显示到另一个页面？

3 个答案: