javascript - 我的数据插入但数据表不会重新加载(codeigniter)

转载作者：行者123 更新时间：2023-12-03 00:54:44

我正在使用 ajax 代码，该代码使用模态将数据插入数据库，但是，由于某些问题，ajax.reload 不起作用。我使用 chrome 的控制台和网络选项卡来查看错误是什么。我的ajax数据的值似乎是NULL。我希望有人能帮助我。

Screenshots of the error from console

Screenshot from network

Screenshot of null values

Ajax代码和 Controller 功能

 $('#newConsigneeSubmit').on("click", function(){

var supp_code      = $("input[name=supp_code]").val();
var address1       = $("input[name=address1]").val();
var address2             = $("input[name=address2]").val(); 
var country          = $("input[name=country] ").val();
var description        = $("input[name=description]").val();
var tel_num        = $("input[name=tel_num]").val();
var fax_num         = $("input[name=fax_num]").val();
var contact_person           = $("input[name=contact_person]").val();
var email         = $("input[name=email]").val();
var consol_agent         = $("input[name=consol_agent]").val();
var disc1         = $("input[name=disc1]").val();
var disc2         = $("input[name=disc2]").val();
var disc3         = $("input[name=disc3]").val();
var disc4         = $("input[name=disc4]").val();
var disc5         = $("input[name=disc5]").val();
var last_transaction         = $("input[name=last_transaction]").val();
var old_supplier         = $("input[name=old_supplier]").val();

var sfm_table = $('#datatable-buttons').DataTable(); 



  $.ajax({
    
    url:'<?php echo base_url(); ?>SFM/insert',
    type:'post',
    
    data:{ 
      'supp_code' : supp_code , 'address1' : address1 , 'address2' : address2 ,'country' : country , 
      'description' : description ,'tel_num' : tel_num , 'fax_num' : fax_num ,'contact_person' : contact_person ,
       'email' : email , 'consol_agent' : consol_agent , 'disc1' : disc1 ,'disc2' : disc2 
       , 'disc3' : disc3 ,'disc4' : disc4 , 'disc5' : disc5 ,'last_transaction' : last_transaction  ,'old_supplier' : old_supplier
         },

      
      success: function(data) {
       
        
                        if(data) {

                         sfm_table.ajax.reload()
                        
                          $("#sfm_modal").modal('hide');
                         
                           swal("Data Inserted", {
                                icon: "success"
                            });

                            
                       
                        } else {
                          
                         
                           swal("Error", {
                                icon: "error"
                            });

     
                        
                    }
        
      }
    });
   
                            
  });

	function insert()
	{
     $data1 = array(
		'SUPP_CODE'=> $this->input->post('supp_code'),
		'ADDRESS'=> $this->input->post('address1'),
		'ADDRESS2'=> $this->input->post('address2'),
		'COUNTRY'=> $this->input->post('country'),
		'DESCRIPTION'=> $this->input->post('description'),
		'TEL_NO'=> $this->input->post('tel_num'),
		'FAX_NO'=> $this->input->post('fax_num'),
		'CONTACT'=> $this->input->post('contact_person'),
		'EMAIL'=> $this->input->post('email'),
		'CONS_AGENT'=> $this->input->post('consol_agent'),
		'DISC1'=> $this->input->post('disc1'),
		'DISC2'=> $this->input->post('disc2'),
		'DISC3'=> $this->input->post('disc3'),
		'DISC4'=> $this->input->post('disc4'),
		'DISC5'=> $this->input->post('disc5'),
		'LAST_TRANS'=> $this->input->post('last_transaction'),
		'SUPP_CODE2'=> $this->input->post('old_supplier')
       );

   $insertReturn = $this->system_model->insert('fo_supp', $data1);
		
   echo json_encode($insertReturn);

 }

SFM_VIEW

<!-- page content -->
<div class="right_col" role="main">
    <div class="col-md-12 col-sm-12 col-xs-12">

        <div class="x_panel">
            <div class="x_title">
                <h2>Supplier Master File

                    <small></small>
                </h2>
                <ul class="nav navbar-right panel_toolbox">
                    <li>
                        <a class="collapse-link">
							<i class="fa fa-chevron-up"></i>
						</a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
							<i class="fa fa-wrench"></i>
						</a>
                        <ul class="dropdown-menu" role="menu">
                            <li>
                                <a href="#">Settings 1
                </a>
                            </li>
                            <li>
                                <a href="#">Settings 2
                </a>
                            </li>
                        </ul>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div style="overflow: hidden;">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#sfm_modal" style="float: right;">
					<i class="material-icons">&#xE147;</i>
					<span>Add New Data</span>
				
			</button>
                </div>
                <table id="datatable-buttons" name="sfm_table"  class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Supplier Code
                            </th>
                            <th>Address
                            </th>
                            <th>Country
                            </th>
                            <th>Description
                            </th>
                            <th>Telephone Number
                            </th>
                            <th>Fax Number
                            </th>
                            <th>Contact Person
                            </th>
                            <th>Email
                            </th>

                            <th>Actions
                            </th>
                            <th>Consolidating Agent
                            </th>
                            <th>Discount 1
                            </th>
                            <th>Discount 2
                            </th>
                            <th>Discount 3
                            </th>
                            <th>Discount 4
                            </th>
                            <th>Discount 5
                            </th>
                            <th>Last Transaction
                            </th>
                            <th>Old Supplier
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php if(!empty($fo_supp)): ?>
                        <?php foreach($fo_supp as $supp): ?>
                        <tr>
                            <td>
                                <?=$supp->SUPP_CODE?>
                            </td>
                            <td>
                                <?=$supp->ADDRESS." ".$supp->ADDRESS2?>
                            </td>
                            <td>
                                <?=$supp->COUNTRY?>
                            </td>
                            <td>
                                <?=$supp->DESCRIPTION?>
                            </td>
                            <td>
                                <?=$supp->TEL_NO?>
                            </td>
                            <td>
                                <?=$supp->FAX_NO?>
                            </td>
                            <td>
                                <?=$supp->CONTACT?>
                            </td>
                            <td>
                                <?=$supp->EMAIL?>
                            </td>
                            <td>
            
                                <a href="#sfm_modal_edit"  data-target="#sfm_modal_edit" id='<?=$supp->SUPP_CODE?>' class="edit" data-toggle="modal">
										<i class="material-icons" data-toggle="tooltip" title="Edit">&#xE254;</i>
									</a>

								
                                <a href="#deleteEmployeeModal" class="delete" data-toggle="modal">
										<i class="material-icons" data-toggle="tooltip" title="Delete">&#xE872;</i>
									</a>
                            </td>
						
                            <td>
                                <?=$supp->CONS_AGENT?>
                            </td>
                            <td>
                                <?=$supp->DISC1?>
                            </td>
                            <td>
                                <?=$supp->DISC2?>
                            </td>
                            <td>
                                <?=$supp->DISC3?>
                            </td>
                            <td>
                                <?=$supp->DISC4?>
                            </td>
                            <td>
                                <?=$supp->DISC5?>
                            </td>
                            <td>
                                <?=  $supp->LAST_TRANS ?>
                            </td>
                            <td>
                                <?=$supp->SUPP_CODE2?>
                            </td>
                        </tr>
                        <?php endforeach;?>
                        <?php else: ?>
                        <tr>
                            <?php for($i = 0; $i < 10; $i++): ?>
                            <td>
                                <span class="text-danger"> Not Available </span>
                            </td>
                            <?php endfor; ?>
                        </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>

        </div>

        <!--MODAL HERE-->
        <div class="modal fade" name="sfm_modal " id="sfm_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <!-- Modal Header -->
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span>
							<span class="sr-only">Close</span>
						</button>
                        <h4 class="modal-title" id="myModalLabel">
                            Create New Supplier
                        </h4>
                    </div>
                    <!-- Modal Body -->
                    <div class="modal-body">
                        <form id="form1" class="form-horizontal">
                            <div class="form-group form-group-sm">
                                <!-- left column -->
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="new_name" class="col-sm-2 control-label bg-danger" style="visibility: hidden;">Supplier Code</label>
                                        <span class="label label-default">Supplier Code</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="supp_code" id="supp_code" class="form-control" data-inputmask="'mask': '999999'">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_subname" class="col-sm-2 control-label" style="visibility: hidden;">Address</label>
                                        <span class="label label-default">Address</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="address1" class="form-control  col-md-10" id="address1" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_address" class="col-sm-2 control-label bg-danger" style="visibility: hidden;">Address 2</label>
                                        <span class="label label-default">Address 2</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="address2" class="form-control  col-md-10" id="address2" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_addresssub" class="col-sm-2 control-label" style="visibility: hidden;">Country</label>
                                        <span class="label label-default">Country</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="country" id="country" class="form-control col-md-10" />
                                        </div>
                                    </div>
                                    <!-- <div class="form-group"><label for="new_zip" class="col-sm-2 control-label bg-danger" style = "visibility: hidden;">Description</label><span class="label label-default" >Supplier Code</span><div class="col-sm-3"><input type="text" class="form-control" id="new_zip" placeholder=""></div><div class="col-sm-7"><label for="new_zip_detail" class="sr-only" style = "visibility: hidden;">City, State Country</label><input type="text" class="form-control" id="new_zip_detail" placeholder="City, State Country" disabled=""></div></div> -->
                                    <div class="form-group">
                                        <label for="new_addresssub" class="col-sm-2 control-label" style="visibility: hidden;">Description</label>
                                        <span class="label label-default">Description</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="description" class="form-control" id="description" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Telephone Number</label>
                                        <span class="label label-default">Telephone Number</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="tel_num" id="tel_num" data-inputmask="'mask' : '(999) 999-9999'">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Fax Number</label>
                                        <span class="label label-default">Fax Number</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="fax_num" id="fax_num" data-inputmask="'mask' : '(999) 999-9999'">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_name" class="col-sm-2 control-label bg-danger" style="visibility: hidden;">Consolidating Agent</label>
                                        <span class="label label-default">Consolidating Agent</span>
                                        <div class="col-sm-10">
                                            <input type="text" name="consol_agent" class="form-control" id="consol_agent" placeholder="">
                                        </div>
                                    </div>
                                 
                                </div>
                                <!-- right column -->
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="new_subname" class="col-sm-2 control-label" style="visibility: hidden;">Email</label>
                                        <span class="label label-default">Email</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="email" id="email" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_name" class="col-sm-2 control-label bg-danger" style="visibility: hidden;">Contact Person</label>
                                        <span class="label label-default">Contact Person</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="contact_person" id="contact_person" placeholder="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="new_subname" class="col-sm-2 control-label" style="visibility: hidden;">Discount 1</label>
                                        <span class="label label-default">Discount 1</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="disc1" id="disc1" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_address" class="col-sm-2 control-label bg-danger" style="visibility: hidden;">Discount 2</label>
                                        <span class="label label-default">Discount 2</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="disc2" id="disc2" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_addresssub" class="col-sm-2 control-label" style="visibility: hidden;">Discount 3</label>
                                        <span class="label label-default">Discount 3</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="disc3" id="disc3" placeholder="">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Discount 4</label>
                                        <span class="label label-default">Discount 4</span>
                                        <div class="col-sm-10">
                                            <input type="phone" class="form-control" name="disc4" id="disc4" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Discount 5</label>
                                        <span class="label label-default">Discount 5</span>
                                        <div class="col-sm-10">
                                            <input type="phone" class="form-control" name="disc5" id="disc5" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Last Transaction</label>
                                        <span class="label label-default">Last Transaction</span>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control" name="last_transaction" id="last_transaction" data-inputmask="'mask': '9999/99/99'">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="new_phone" class="col-sm-2 control-label" style="visibility: hidden;">Old Supplier</label>
                                        <span class="label label-default">Old Supplier</span>
                                        <div class="col-sm-10">
                                            <input type="phone" class="form-control" name="old_supplier" id="old_supplier" placeholder="">
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                    </div>
                    <!-- End main input boxes, starting a new "row" -->
                    <!-- Modal Footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" id="newConsigneeReset">Reset</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="newConsigneeSubmit">Add</button>
                    </div>
                    <!-- End Modal Footer -->
                    </form>
                </div>
                <!-- End modal body div -->
            </div>
            <!-- End modal content div -->
        </div>
        <!-- End modal dialog div -->
    </div>
    <!-- End modal div -->



</div>
<!-- END DIV -->
</div>
</div>
</div>
<!-- /page content -->

最佳答案

错误 01 - 关闭 </form>之前div

    </form>
</div> <--- THIS DIV

删除 id来自<button>并仅用于 <form>

# change button type
<button type="submit" class="btn btn-primary">Add</button>
# use below form ID
<form id="form1" class="form-horizontal">

在 JS 中

#change
$('#newConsigneeSubmit').on("click", function(){
# to this
$("#form1").submit(function (e) {

#change
var supp_code      = $("input[name=supp_code]").val();
# to this
var supp_code = $('#supp_code').val();

<小时/>

仅供引用:在插入之前检查所有数据是否已传递到您的 Controller 。 (print_r($arrayName);die;)

关于javascript - 我的数据插入但数据表不会重新加载(codeigniter)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52885189/

文章推荐： javascript - 重定向到包含原始帖子数据的 URL

文章推荐： javascript - 使用 jquery 使 div 元素显示不会持续很长时间

文章推荐： javascript - onclick执行不起作用，仅在创建DOM时执行

codeigniter - CodeIgniter 中的自定义异常
我想扩展调用 getMessage 时返回自定义消息的异常类。 class MY_Exceptions extends CI_Exceptions{ function __construct
codeigniter - CodeIgniter 的重写器不起作用
我已经安装了一个干净的 Apache2(加上 PHP 和 MySQL)服务器并启用了 mod_rewrite在 apache 配置中。我添加了 .htaccess文件以从 url 中删除 index
codeigniter - CodeIgniter 中站点的根路径
我正在使用上传类上传图片。但是我上传的图片的存储位置是:http://www.mysite.com/uploads/ 此文件夹的绝对路径是:c:\wamp\www\mysite\uploads\ 应用
codeigniter - Codeigniter:如何在Codeigniter上下文中提供静态HTML页面
大家好我想在codeigniter上下文中提供一些静态html页面。我不想绕过base_url中的index.php文件。但是，当我使用对HTML文件的调用时，它不会显示404错误页面。感谢已经
codeigniter - Codeigniter 模型中的面向对象方法
我一直想知道在模型中以 OO 风格编写代码的正确方法是什么。当然，您可以拥有一个从数据库中检索数据然后映射到模型级变量的函数。但是，当您在模型中有其他功能试图从 BD 获取其他数据时，这种方法会变得违
codeigniter - CodeIgniter 中的多对多联接查询
之前所有的 JOIN 尝试都给我留下了填充结果的 id、标题键的光盘或项目数据(可能发生了冲突)。所以我有: item table fields: id, title disc table fiel
codeigniter - 处理无效参数的最佳实践 CodeIgniter
假设我在 Controller 中有一个名为的方法 book($chapter,$page); 其中 $chapter 和 $page 必须是整数。要访问该方法，URI 将如下所示 book/cha
codeigniter - codeigniter 中的上传大小限制
我有一个用户可以注册的页面。他在此过程中上传了个人资料照片。我想限制大小，但除了 $config['maxsize'] 之外，并没有太多强调 codeigniter 文档。我尝试了以下但我没有收到任何
codeigniter - 如何为真正的多语言网站设置 CodeIgniter？
我需要将 CodeIgniter 设置为真正的多语言网站。我已经搜索过，但找不到解决方案。我已经测试了这种方法，但它不起作用。 ( http://codeigniter.com/wiki/Categ
codeigniter - 常量和 CodeIgniter
CodeIgniter 中的常量是否可以用于整个站点中的重复文本(比如元标记和元描述)？就像是: define('METADESCRIPTION', 'This is my site'); 然后将 M
codeigniter - CodeIgniter 中不区分大小写的路由
我已经在 CodeIgniter 的路由器中写了这个。 $route['companyname'] = "/profile/1"; 这工作正常，但是当我在 URL 中键入“公司名称”时，它不起作用。这
codeigniter - CodeIgniter 的正确命名结构
我正在开始我的第一个 CodeIgniter 项目，并希望在开始之前获得一些建议。我对 Controller 和模型的名称如何工作感到有些困惑。如果我希望我公司页面的网址为 http://examp
codeigniter - CodeIgniter:插入多个记录而无需循环
可以在CodeIgniter Active Record中使用多个INSERT记录，而无需for，foreach等。我当前的代码: foreach($tags as $tag) { $tag
codeigniter - Codeigniter 事件记录中的子查询
SELECT * FROM certs WHERE id NOT IN (SELECT id_cer FROM revokace); 如何在 CodeIgniter 事件记录中编写上述 select
codeigniter - wkhtmltopdf codeigniter
wkhtmltopdf 听起来是一个很好的解决方案...问题是 exec 上没有任何反应 shell_exec("c:\wkhtmltopdf.exe","http://www.google.com
codeigniter - CodeIgniter:基于文件夹和子文件夹的URL结构
我当前的CodeIgniter有点问题。我有一个带有“页面” Controller 的CI安装程序，该 Controller 可从/ views加载静态文件，但它最多只能包含1个子文件夹，而我正在向其
codeigniter - Codeigniter 分页库中的首页链接问题
有一段时间，我一直在处理分页类中的一个问题。问题是，除了第 1 页的链接之外，所有分页的内容都可以。所有链接都是这样的: example.com/method/page/2 example.com
codeigniter - CodeIgniter 中是否有中间件的概念？
我想对请求进行一些预处理和后处理，例如处理身份验证、加载上下文数据、性能时间等等。来自 Django 的概念是 MIDDLEWARE_CLASSES这让我可以在各个阶段处理请求:https://doc
codeigniter - CodeIgniter 中的全局变量不起作用
我想通过创建自己的库和配置文件在 CodeIgniter 中生成全局变量。这就是我在我的库文件中编写的，比如说 globalvars.php。我把它放在/application/libraries 中
codeigniter - 如何在没有配置的情况下设置分页链接的样式 - codeigniter
我有以下分页样式 Previous Page

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 我的数据插入但数据表不会重新加载(codeigniter)

Ajax代码和 Controller 功能

SFM_VIEW