使用 jquery/ajax 将数据插入数据库，我没有收到 ant 错误，但值没有插入数据库

Question

使用 jquery/ajax 将数据插入数据库，我没有收到 ant 错误，但没有使用 codeigniter 将值插入数据库，我犯的任何错误意味着请建议我

<script type="text/javascript">
        $(document).ready(function () {
            $("#personal-info").click(function () {
                e.preventDefault();
                var message = $("#message").val();
                //  var password= $("#password").val();


                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/Profile_cntrl/buyer_communication",
                    data: {message: message},
                    success: function (data)
                    {
                        alert('Successfully inserted');
                    },
                    error: function ()
                    {
                        alert('fail');
                    }
                });
            });
        });
    </script>

表格

<form class="form-horizontal" method="POST" id="personal-info"  role="form" action="#"> 
                            <div class="panel-footer">
                                <div class="input-group">

                                    <input type ="hidden" name="suppid" id="suppid" value="<?php echo $row->supplier_id; ?>" class="form-control" />
                                    <input type ="hidden" name="proid" id="proid" value="<?php echo $row->product_id; ?>" class="form-control" />
                                    <input type ="hidden" name="custid" id="custid" value="<?php echo $row->Customer_id; ?>" class="form-control" />



                                    <input id="messagee" name="message" type="text" class="form-control input-sm chat_input" placeholder="Write your message here..." />
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary btn-sm" id="submit-p" name="submit-p">Send</button>
                                        <!--<input type="submit" name="submit-p" id="submit-p" value="send" class="btn btn-primary btn-sm" >-->
                                    </span>
                                </div>
                            </div>
                        </form>

控制器

public function buyer_communication() {

    $supp_id = $this->input->post('suppid');
    $product_id = $this->input->post('proid');
    $cust_id = $this->input->post('custid');



    $result1 = $this->Profile_model->fetch_Data($product_id);


    $Userid = $this->session->userdata('id');
    $result3 = $this->session->userdata('tt');
    $data4 = array(
        'message' => $this->input->post('message'),
        'supplier_id' => $supp_id,
        'product_id' => $product_id,
        'Customer_id' => $cust_id,
        'From' => $result3,
    );

    $this->Profile_model->buyer_insert($data4);

    redirect('welcome/buyermessageview?id=' . $product_id);
}

型号

function buyer_insert($data4) {
        $this->db->insert('communication', $data4);
        return ($this->db->affected_rows() != 1) ? false : true;
    }

Answer 1

$("#personal-info").click(function () {
    e.preventDefault();

不会阻止默认回发，因为您没有定义 e。几乎可以肯定您的页面是回发而不是使用 ajax，因为脚本永远没有机会运行。试试：

$("#personal-info").click(function (e) {
    e.preventDefault();

其次，您不会将所有数据从表单传递到服务器。您只发送“消息”，但很明显服务器需要其他字段。您可以通过将其作为“数据”字段在您的 ajax 调用中自动发送所有表单字段：

data: $(this).serialize()

您还说“我没有收到任何错误”，但这不太可能。如果您检查浏览器控制台（在开发人员工具中，在大多数浏览器中按 F12），您可能会看到“e 未定义”或类似错误，告诉您忘记定义变量。

Answer 2

修改后的脚本

<script>
        $(document).ready(function(){
            $("#personal-info").submit(function(e){
               e.preventDefault();


               var suppid = $("#suppid").val();
               var proid = $("#proid").val();
               var custid = $("#custid").val();
                var message = $("#message").val();

                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/Profile_cntrl/buyer_communication",
                    data: {suppid:suppid,proid:proid,custid:custid,message:message},
                    success:function(data)
                    {
                        alert('SUCCESS!!');
                    },
                    error:function()
                    {
                        alert('fail');
                    }
                });
            });
        });
    </script>

控制器 公共功能买家通信（）{

    $result1 = $this->Profile_model->fetch_Data($product_id);


    $Userid = $this->session->userdata('id');
    $result3 = $this->session->userdata('tt');
    $data4 = array(
        'message' => $this->input->post('message'),
        'supplier_id' => $this->input->post('suppid'),
        'product_id' => $this->input->post('proid'),
        'Customer_id' => $this->input->post('custid'),
        'From' => $result3,
    );

    $this->Profile_model->buyer_insert($data4);

    redirect('welcome/buyermessageview?id=' . $product_id);
}