无需重新加载提交（Ajax，Codeigniter）

在使用Ajax和CodeIgniter进行提交时，可以使用以下解决方法来实现无需重新加载页面的提交：

1. 在视图文件中，创建一个HTML表单，并使用Ajax来捕获表单的提交事件。在表单中，将提交按钮的类型设置为“button”，而不是默认的“submit”类型。

<form id="myForm" method="post">
  <!-- 表单字段 -->
  <input type="text" name="name" id="name">
  <!-- 其他表单字段 -->

  <!-- 提交按钮 -->
  <button type="button" id="submitBtn">提交</button>
</form>

2. 在JavaScript文件中，使用jQuery或纯JavaScript来处理表单的提交事件。在事件处理程序中，使用Ajax进行数据的异步提交，并在成功回调函数中处理返回的数据。

$(document).ready(function() {
  $('#submitBtn').click(function() {
    // 获取表单数据
    var formData = $('#myForm').serialize();

    // 发送Ajax请求
    $.ajax({
      url: 'your_controller/your_method',
      type: 'post',
      data: formData,
      success: function(response) {
        // 处理返回的数据
        console.log(response);
        // 其他操作
      }
    });
  });
});

3. 在CodeIgniter的控制器文件中，处理表单提交的方法。在方法中，接收表单数据，执行相应的操作，并将结果返回给前端。

class Your_Controller extends CI_Controller {
  public function your_method() {
    // 接收表单数据
    $name = $this->input->post('name');

    // 执行相应的操作
    // ...

    // 返回结果
    $response = array(
      'status' => 'success',
      'message' => '提交成功'
    );

    // 将结果以JSON格式返回
    header('Content-Type: application/json');
    echo json_encode($response);
  }
}

通过以上步骤，您可以实现无需重新加载页面的提交操作。在前端，通过Ajax发送表单数据到后端的控制器方法；在后端，接收并处理表单数据，并将结果以JSON格式返回给前端。最后，您可以在前端的Ajax成功回调函数中，处理返回的数据并执行其他操作。