php - 当 ajax 代码在 wordpress 的自定义插件中打开时，数据库表条目停止

Question

当 ajax 代码处于运行模式时，此时数据库条目停止，当我评论 ajax 代码时数据库操作成功执行，现在我在同一个文件中使用 ajax 代码和数据库插入代码。我知道它是最好在另一个文件中使用 ajax 代码，但我不知道如何在单独的文件中分离 ajax 代码以及如何在插件主文件中调用该文件。

<?php 
 function add_new_Student() {

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

        global $wpdb;
        $name = $_POST['name'];
        $role = $_POST['role'];
        $contact = $_POST['contact'];
//        var_dump($_POST);

        $table_name = $wpdb->prefix . 'Student_list';
        $wpdb->insert(
                "$table_name", //table
                array('name' => $name, 'role' => $role, 'contact' => $contact), //data
                array('%s', '%s', '%s') //data format
        );

        $message.="Student Added";
    }
    ?>
    <div class="container">    

        <form method="post" id="frmdemo" class="form-horizontal myform" action="<?php echo $_SERVER['REQUEST_URI']; ?>">

            <div class="form-group">
                <label class="control-label col-sm-2" for="Name">Name:</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="name1" name="name" placeholder="Name">
                </div>
            </div>

             <div class="form-group">
                <label class="control-label col-sm-2" for="Role">Role:</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="role1" name="role" placeholder="Role">
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-sm-2" for="Contact">Contact:</label>
                <div class="col-sm-4">
                    <input type="number" class="form-control" id="contact1" name="contact" placeholder="Contact">
                </div>
            </div>

                    <button type="submit" class="btn btn-primary" name="insert"/>Submit</button>  
                    <button type="reset" class="btn btn-danger" name="reset"/>Reset</button>

                    <div id="error_message" class="ajax_response" style="float:left"></div>
                    <div id="success_message" class="ajax_response" style="float:left"></div>              

        </form>
    </div>

// ajax code here
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>         
<script>
$("#frmdemo").submit(function(e) {
    e.preventDefault();
    var name = $("#name1").val();
    var role = $("#role1").val();
    var contact = $("#contact1").val();


    if(name == "" || role == "" || contact == "") {
        $("#error_message").show().html("All Fields are Required");
    } else {
        $("#error_message").html("").hide();
        $.ajax({
            type: "POST",
            url: 'post-form.php',
            data: "name="+name+"&role="+role+"&contact="+contact,
            success: function(data){
                $('#success_message').fadeIn().html(data);
                setTimeout(function() {
                    $('#success_message').fadeOut("slow");
                    $('').fadeOut("slow");
                }, 2000 );

            }
        });
    }
})
</script>   


    <?php
}
?>

Answer 1

在 ajax 中 url: 'post-form.php',尝试添加 url:'<?php echo get_permalink();?>',或

url: '<?php echo plugins_url("your_plugin_name/folderName/post-form.php"); ?>',