Question

我有这个代码运行良好，实际上可以插入数据。我的问题是重定向回到我来自的页面。我有一个index.html和add_cars.php

index.html就像这样：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){

            $('#search').keyup(function(){
                var search = $('#search').val();

                $.ajax({
                    url:'search.php',
                    data:{search:search},
                    type:'POST',
                    success:function(data){
                        if(!data.error){
                            $('#result').html(data);
                        }
                    }
                });
            }); // Search function end

            $("#add-car-form").submit(function(evt){
                evt.preventDefault();

                var postData = $(this).serialize();

                var url = $(this).attr('action');

                $.post(url, postData, function(php_table_data){
                     $("#car-result").html(php_table_data);
                });
            }); // add car function end

        }); // Document ready function end
    </script>

    <div id="container" class='col-xs-6 col-xs-offset-3'>
        <div class="row">
            <h2 >Search the Database</h2>

            <input type="text" name="" class='form-control' name='search' id='search' placeholder='Search our inventory'>
            <br>
            <br>
            <h2 class="bg-success" id="result"> 
            </h2>
        </div>

        <div class="row">
            <form id="add-car-form" class="col-xs-6" action="add_cars.php" method="post">
                <div class="form-group">
                    <input type="text" name="car_name" placeholder="Car name" class="form-control">
                </div>
                <div class="form-group"> 
                    <input type="submit" class="btn btn-primary" value="Add Car" name="">
                </div>
            </form>
            <div class="col-xs-6">
                <div  id="car-result">Sometkasdf</div>  
            </div>
        </div>
    </div>
</body>
</html>

和我的add_cars.php是这样的：

<?php  
    include("db.php");

     if(isset($_POST['car_name'])){
        $car_name = $_POST['car_name'];
        $query = "INSERT INTO cars(car) VALUES ('$car_name')";
        $query_car_name = mysqli_query($connection, $query);

        if(!$query_car_name){
            die("QUERY FAILED");
        }
        header("Location: index.html");
        exit;
     }
?>

当我重定向回我的index.html时，我得到两个表单。就像第一个表单在它的末尾被复制一样。确切地说，第一个表单被复制到＃car-result div。应该发生什么;它应该返回到我的index.html，输入框应该只有占位符值。我在这做错了什么，或者我该怎么办？感谢所有帮助。

PHP标头重定向问题

0 个答案: