AJAX 表单提交 Codeigniter

Question

我正在尝试使用 ajax / jquery 从视图提交表单到我的代码点火器模型。 如果 post 值已传递给模型，则返回 true。

无论如何，我的视图都显示成功消息。 有人可以指出我哪里出错了吗？

这是我的控制器的功能：

function bookings(){
            $this->load->helper('url');
            if($_POST):
                 echo $_POST["name"];

            // do database stuff here to save the comment.

            // return false if db failed

            // else

            return true;

        endif;
}

这是视图中的相关 javascript 和表单：

<div id="booking-form-container" class="fb-dialogue">
            <div id="info">Entery your details below to make a group booking:</div>

            <!-- This will hold response / error message from server -->
            <div id="response"></div>

            <form id="bookingsform" method="post" action="eventguide/bookings">

                <label class="description" for="element_1">Full Name: </label>
                <div>
                    <input id="name" name="name" class="element text medium" type="text" maxlength="255" value="<?php echo $me['first_name'] . ' ' . $me['last_name']; ?>"/> 
                </div> 

                <label class="description" for="element_2">Email: </label>

                <div>
                    <input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value="<?php echo $me['email']; ?>"/> 
                </div> 

                <label class="description" for="element_3">Mobile Number: </label>
                <div>
                    <input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value=""/> 
                </div> 

                <label class="description" for="element_5">Choose You're Event: </label>
                <div>
                    <select class="element select medium" id="element_5" name="element_5"> 
                        <option value="" selected="selected"></option>
                        <option value="1" >First option</option>
                        <option value="2" >Second option</option>
                        <option value="3" >Third option</option>

                    </select>
                </div> 

                <label class="description" for="element_4">Group Size: </label>
                <div>
                    <input id="element_2" name="element_4" class="element text medium" type="number"  value="10"/> 
                </div> 

                <label class="description" for="element_6">Questions or Special Requirements? </label>
                <div>
                    <textarea id="element_6" name="element_6" class="element textarea medium"></textarea> 
                </div> 

            </form>
        </div>

        <script type="text/javascript">

            var mydetails = $("#booking-form-container").dialog({autoOpen: false, modal: true, draggable: true, resizable: false, bgiframe: true, width: '400px', zIndex: 9999, position: ['50%', 100]});

            function showDetailsDialog() {

                $("#booking-form-container").dialog("option", "title", "Group Bookings");


                $("#booking-form-container").dialog({buttons: {
                        "Close": {text: 'Close', priority: 'secondary', class: 'btn', click: function() {
                                $(this).dialog("close");
                            }},
                        "Confirm Booking": {text: 'Confirm Booking', priority: 'primary', class: 'btn btn-primary', click: function() {
                                $('#bookingsform').submit();
                            }}
                    }
                });
                $("#booking-form-container").dialog("open");

            }

            $("#bookingsform").submit(function(event) {
                event.preventDefault();


                dataString = $("#bookingsform").serialize();

                     $.ajax({
                       type: "POST",
                       url: "<?php echo base_url(); ?>eventguide/bookings",
                       data: dataString,

                       success: function(data){
                           alert('Successful!');
                       }

                     });

                     return false;  //stop the actual form post !important!
            });

        </script>  

Answer 1

你是在向谁回归真实吗？您回显的消息将返回到客户端，即 $_POST['name']，但您的 php 代码中的返回 true 将在服务器端出现。 在我看来，既然您使用的是 codeigniter ，那么您应该使用 $this->input->post('name');而不是纯 php post server 变量。

Answer 2

您要做的是首先检查您是否拥有您的数据

if(isset($_POST) && isset($_POST['name'])) {
   // post is in the $_POST array, do stuff
   echo htmlspecialchars($_POST['name'], ENT_QUOTES, 'UTF-8');
}

Answer 3

我认为你 $_POST["name"] 没有设置，我认为你需要更改你的代码

$.ajax({ 类型：“发布”， url: "活动指南/预订", 数据：{'名称'：dataString}， 成功：函数（数据）{ alert('成功！'); } });

您没有为要在服务器端捕获的变量指定名称。