Question

我正在创建一个博客发布页面进行练习。 1）我想要一个成功的完整数据提交到phpmyadmin的弹出窗口“ javascript”。 2）同样在失败时弹出一个窗口。

3）在确切的位置应该关闭mysqli连接mysqli_close（）;在一个小岛上。

我已经尝试了一次onclick的所有onclick，onsubmit，两个功能，但是都没有用原因：两个javascripts功能不能在一个按钮上使用。当键入onsubmit代码时，会弹出窗口，但数据无法成功完全提交给phpmyadmin。

<html>

                        <head>
                                <title>
                                </title>
                        </head>

        <link href="blogsup-main.css" type="text/css" rel="stylesheet"/>
        <link href="blogsup.css" type="text/css" rel="stylesheet"/>

                        <body onload="refresh();">

                                    <center>
                                            <form method="post">

名称

类别

                                                   <option>Education</option>
                                                    <option>Society</option>
                                                    <option>Politics</option>
                                                    <option>Business</option>
                                                    <option>IT</option>
                                                    <option>Book</option>
                                                    <option>Other</option>

标题

子标题*可选

博客

^*发送电子邮件

                                            </form>
                                    </center>





                    <div id="popupdiv" class="popup-area">


                    <div class="popup-content">

                        <span class="close">&times;</span>



                        <center>

博客已成功创建成功！
正在等待批准。

继续

                        </center>


                    </div>

                    </div>










                        </body>

                </html>







                    <?php

                                $user='root';
                                $password='';
                                $db='blogsup';



                        $con=mysqli_connect('localhost',$user,$password,$db);
                        mysqli_select_db($con,$db);


                                if(isset($_POST['submit'])){



                                    $bloggername=$_POST['bloggername'];
                                    $category=$_POST['category'];
                                    $heading=$_POST['heading'];
                                    $subheading=$_POST['subheading'];
                                    $textarea=$_POST['textarea'];



                                    $que="insert into blogposting (bloggername,category,heading,subheading,blogdate,blog) values ('$bloggername','$category','$heading ','$subheading', now(),'$textarea')";
                                    $run=mysqli_query($con,$que);


                                    if($run){


                            echo '<script type="text/javascript">

                        var popupdiv = document.getElementById("popupdiv");
                        popupdiv.style.display = "block";
                        return false;

                                    </script>';


                                    }   else{
                                                echo"Failed";

                                        }
                                }

                                mysqli_close($con);


                    ?>



        <script type="text/javascript">     


                    var nametextbox = document.getElementById('nametextbox');
                    var heading= document.getElementById('heading');
                    var blog = document.getElementById('blog');
                    var span = document.getElementsByClassName('close')[0];






                function refresh(){
                    nametextbox.value='';
                    heading.value='';
                    subheading.value='';
                    blog.value='';

                }
                        span.onclick = function() {
                            popupdiv.style.display = "none";
                            nametextbox.value='';
                            heading.value='';
                            subheading.value='';
                            blog.value='';
                            message.innerHTML = '';

                        }




        </script>

Answer 1

提交表单时不会成功或失败，您不应在同一页面中添加php和html和js代码。将php代码添加到php文件中将是您的工作例如

<form action="anyfile.php" method="post">

在php文件中添加您的业务逻辑，例如连接到db，执行查询并关闭db连接。当执行插入查询而没有错误时，然后发送回重定向（yourMainPage？message ='ok'）以显示

之类的成功消息

<?php if(isset($_GET('message') == 'ok'){ ?>
<p>Data successfully inserted</p>
<?php } ?>

此外，您的代码应更整洁。希望我能帮上忙。

成功完成时弹出消息

1 个答案: