Javascript 使用ajax将数据插入数据库，如果使用codeigniter成功，则显示模式

我在使用ajax将数据插入数据库时遇到一些问题。我的问题是数据成功插入数据库后，模式对话框没有显示。这是我的密码

Html:

<div class="modal fade" id="buy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="color:black !important;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">Buy Now</h4>
        </div>
        <form action="<?php echo base_url(); ?>cust/req-ord" method="POST" role="form" id="form2">              
            <div class="modal-body form-horizontal">
                <input type="hidden" name="InputType" id="InputType" value="Buy">
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderAppsName">Software Type</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-cubes"></i><input type="text" class="input-field" name="OrderAppsName" id="OrderAppsName" placeholder="Application Name" required readonly="">
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderName">Name</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-user"></i><input type="text" class="input-field" name="OrderName" id="OrderName" placeholder="Your Full Name" required>
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderAddress">Address</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-map-marker"></i><input type="text" class="input-field" name="OrderAddress" id="OrderAddress" placeholder="Your Address" required>
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderMail">Email</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-envelope"></i><input type="email" class="input-field" name="OrderMail" id="OrderMail" placeholder="Your Mail" required>
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderPhone">Phone</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-phone"></i><input type="text" class="input-field" name="OrderPhone" id="OrderPhone" placeholder="Your Phone Number" required>
                    </div>
                </div>
                <div class="form-group form-group-lg">
                    <label class="col-md-3 control-label" for="OrderCompany">Company</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-briefcase"></i><input type="text" class="input-field" name="OrderCompany" id="OrderCompany" placeholder="Your Company Name">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-3" style="text-align:right" for="OrderPaymentMode">Payment Mode</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-usd"></i>
                        <select name="OrderPaymentMode" id="OrderPaymentMode" class="input-field" style="width:94%; text-align:center;" onclick="craateUserJsObject.ShowTypeproject();">
                            <option selected disabled="">Chose</option>
                            <option value="1">Subscribe</option>
                            <option value="2">Cut Off</option>
                        </select>
                    </div>
                </div>
                <div class="form-group OrderCountClient" style="display:none">
                    <label class="col-md-3" style="text-align:right" for="OrderClient">Count of client users</label>
                    <div class="col-md-8 label-field">
                        <i class="fa fa-users"></i>
                        <select name="OrderCountClient" id="OrderClient" class="input-field" style="width:94%; text-align:center;">
                            <option selected disabled="">Chose</option>
                            <option value="1-5">1-5</option>
                            <option value="6-10">6-10</option>
                            <option value=">10">>10</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-3 control-label" for="OrderDesciption">Notes</label>
                    <div class="col-md-8 label-field" style="padding-left:4%; padding-top:2%; padding-bottom:2%">
                        <textarea name="OrderDescription" class="input-field" style="overflow:hidden;" id="OrderDescription" cols="40" rows="2" placeholder="Your Idea Brief"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="col-md-12">
                        <label class="col-md-1 control-label" for="OrderCompany">Total: </label>
                        <div class="col-md-4">
                            <input type="text" class="input-field" name="OrderBudget" id="OrderTotal" placeholder="Total of your order" style="text-decoration:underline" required readonly=""> 
                        </div>
                        <button type="button" class="btn btn-default" data-dismiss="modal" style="margin-top:-1%;">Close</button>
                        <button type="submit" class="btn btn-primary btn-c" id="submitbuy" style="margin-top:-1%;">Submit</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

&时代；接近
立即购买
尝试使用css显示弹出窗口

success : function(data) {
     $('#popconf').css('display','block');
}

在控制器中返回json数组

在ajax请求中：

$（“#提交购买”）。单击（函数（）{
$.ajax({
url:“客户/请求订单”，
键入：“POST”，
数据类型：“Json”，
数据：{
“InputType”：$（“#InputType”）.val（），
“OrderAppsName”：$（“#OrderAppsName”）.val（），
“OrderName”：$（“#OrderName”）.val（），
“OrderAddress”：$（“#OrderAddress”）.val（），
“OrderMail”：$（“#OrderMail”）.val（），
“OrderPhone”：$（“#OrderPhone”）.val（），
“OrderCompany”：$（“#OrderCompany”）.val（），
“OrderPaymentMode”：$（“#OrderPaymentMode”）.val（），
“OrderCountClient”：$（“#OrderClient”）.val（），
“OrderDescription”：$（“#OrderDescription”）.val（），
“OrderBudget”：$（“#OrderTotal”）.val（）
},
成功：功能（数据）{
//从控制器返回的数据可以像
如果（数据状态>0）{
$（'#firstmodal'）.modal（'hide'）；
$（'popconf'）.modal（'show'）；
}否则{
警报（数据、消息）；
}
}
});
});
数据是否成功插入数据库？您的控制台显示了什么？模式显示在哪里？是，数据已成功添加到数据库。我的问题是成功后popconf模式不显示。@NiranjanNRaju与第一个输入模式在同一窗口中。因此，在提交后，第一个模式关闭并重置所有输入。然后#popconf modal show.但是如何在与第一个模态相同的窗口中显示？你的意思是，在已经打开的同一个弹出窗口中，你想显示一些成功文本？？不，但我想关闭第一个模态并在同一窗口中显示popconf modal。
$("#submitbuy").click(function () {
    $.ajax({
        url : "<?php echo base_url();?>cust/req-ord",
        type : 'POST',
        data :{
            "InputType":$("#InputType").val(),
            "OrderAppsName":$("#OrderAppsName").val(),
            "OrderName":$("#OrderName").val(),
            "OrderAddress":$("#OrderAddress").val(),
            "OrderMail":$("#OrderMail").val(),
            "OrderPhone":$("#OrderPhone").val(),
            "OrderCompany":$("#OrderCompany").val(),
            "OrderPaymentMode":$("#OrderPaymentMode").val(),
            "OrderCountClient":$("#OrderClient").val(),
            "OrderDescription":$("#OrderDescription").val(),
            "OrderBudget":$("#OrderTotal").val()
        },
        success : function(data) {
            $('#popconf').modal('show');
        }
    });
});

if($_POST){
        date_default_timezone_set('Asia/Jakarta'); 

        $this->load->helper('url');

        $mounts             = Date('m');
        $mount              = $this->KonDecRomawi($mounts);
        $years              = Date('Y');
        $year               = $this->KonDecRomawi($years);
        $value              = $this->m_vcorder->getLastOrder($mount.'/'.$year)->result_array();
        if(empty($value)){
            $OrderNumber    = '001/BTK/RTL/'.$mount.'/'.$year; 
        }else{
            $OrderId    = $value[0]['OrderNumber'];
            $getLimit   = intval(substr($OrderId, 0, 3));
            $Sum        = intval($getLimit)+1;  
            $Sum_Result = sprintf("%03s",$Sum);

            $OrderNumber    = $Sum_Result.'/BTK/RTL/'.$mount.'/'.$year; 
        }

        $OrderAppsName          = $this->input->post('OrderAppsName');
        $OrderName              = $this->input->post('OrderName');
        $OrderAddress           = $this->input->post('OrderAddress');
        $OrderMail              = $this->input->post('OrderMail');
        $OrderPhone             = $this->input->post('OrderPhone');
        $OrderCompany           = $this->input->post('OrderCompany');
        $OrderCountClient       = $this->input->post('OrderCountClient');
        $OrderPaymentMode       = $this->input->post('OrderPaymentMode');
        $OrderBudget            = $this->input->post('OrderBudget');
        $OrderDescription       = $this->input->post('OrderDescription');
        $InputType              = $this->input->post('InputType');

        $OrderConfirmationCode  = $this->generateRandomString();
        $Now                    = date('Y-m-d H:i:s');
        $OrderStatus            = '0';
        $Discount               = $this->m_vcorder->getConditionData("where OrderConditionName='Discount'")->result_array();
        $Tax                    = $this->m_vcorder->getConditionData("where OrderConditionName='Tax'")->result_array();

        $OB                     = preg_replace('/\D/', '', $OrderBudget);
        $OrderDiscount          = $Discount[0]['OrderConditionValue'];
        $OrderTax               = $Tax[0]['OrderConditionValue'];
        $Budget                 = $OB - (($OB*$OrderDiscount)/100) + (($OB*$OrderTax)/100);
        $OrderTotal             = "Rp. ".number_format($Budget, 0, ',', '.').",-";

        $config = Array(
            'protocol'      => 'smtp',
            'smtp_host'     => 'ssl://smtp.gmail.com',
            'smtp_port'     => 465,
            'smtp_timeout'  => '7',
            'smtp_user'     => '', // change it to yours
            'smtp_pass'     => '', // change it to yours
            'mailtype'      => 'html',
            'sendmail_path' => '/usr/sbin/sendmail',
            'charset'       => 'iso-8859-1',
            'wordwrap'      => TRUE
            );

        $mailc = array(
            'OrderNumber'           => $OrderNumber,
            'OrderConfirmationCode' => $OrderConfirmationCode,
            'OrderName'             => $OrderName,
            'OrderAddress'          => $OrderAddress,
            'OrderAppsName'         => $OrderAppsName,
            'OrderCountClient'      => $OrderCountClient,
            'OrderBudget'           => $OrderBudget,
            'OrderDiscount'         => $OrderDiscount,
            'OrderTax'              => $OrderTax,
            'OrderTotal'            => $OrderTotal,
            'OrderPhone'            => $OrderPhone,
            'InputType'             => $InputType,
            );
        $message = $this->load->view('mail', $mailc, TRUE);

        $this->load->library('email', $config);
        $this->email->clear(TRUE);
        $this->email->set_newline("\r\n");
        $this->email->from(mail); // change it to yours
        $this->email->to(''.$OrderMail.'');// change it to yours
        $this->email->subject('Confirmation Order');
        $this->email->message($message);


            $data = array(
                'OrderNumber'               => $OrderNumber,
                'OrderAppsName'             => $OrderAppsName,
                'OrderName'                 => $OrderName,
                'OrderAddress'              => $OrderAddress,
                'OrderMail'                 => $OrderMail,
                'OrderPhone'                => $OrderPhone,
                'OrderCompany'              => $OrderCompany,
                'OrderCountClient'          => $OrderCountClient,
                'OrderBudget'               => $OrderBudget,
                'OrderDescription'          => $OrderDescription,
                'OrderConfirmationCode'     => $OrderConfirmationCode,
                'OrderPaymentMode'          => $OrderPaymentMode,
                'OrderCreateDate'           => $Now,
                'OrderType'                 => '3',
                'OrderStatus'               => $OrderStatus,
                );
        }else{
            $data = '';
        }

        if($this->email->send()){
            $Success = $this->m_vcorder->insertdata('orders',$data);
            if($Success){

            }
        }else{
            /*echo "<script>alert('Terjadi kesalahan. Harap ulangi kembali!'); window.location.href='" . base_url('product/content/2') . "';</script>";*/
        }
    }
    else {
        echo "Page Not Found";
    }

success : function(data) {
     $('#popconf').css('display','block');
}

          if($this->email->send()){
            $Success = $this->m_vcorder->insertdata('orders',$data);
            if($Success){
              $result = array('status' =>1 ,'message'=>"data save ");
              echo json_encode($result);
              die();
            }
        }else{
            $result = array('status' =>0 ,'message'=>"data not save ");
            echo json_encode($result);
            die();
        }

   $("#submitbuy").click(function () {
        $.ajax({
            url : "<?php echo base_url();?>cust/req-ord",
            type : 'POST',
            dataType : 'Json',
            data :{
                "InputType":$("#InputType").val(),
                "OrderAppsName":$("#OrderAppsName").val(),
                "OrderName":$("#OrderName").val(),
                "OrderAddress":$("#OrderAddress").val(),
                "OrderMail":$("#OrderMail").val(),
                "OrderPhone":$("#OrderPhone").val(),
                "OrderCompany":$("#OrderCompany").val(),
                "OrderPaymentMode":$("#OrderPaymentMode").val(),
                "OrderCountClient":$("#OrderClient").val(),
                "OrderDescription":$("#OrderDescription").val(),
                "OrderBudget":$("#OrderTotal").val()
            },
            success : function(data) {
                //data return from controller can be access like
                if(data.status>0){
                  $('#firstmodal').modal('hide');
                  $('##popconf').modal('show');
                }else{ 
                 alert(data.message);  
                }
            }
        });
    });