Php 为什么ajax在成功或出错后一直重定向到其他页面

Php 为什么ajax在成功或出错后一直重定向到其他页面,php,jquery,ajax,codeigniter,Php,Jquery,Ajax,Codeigniter,我是ajax新手,现在我想使用ajax,这样在添加数据时我的页面不会重新加载,并显示错误或成功消息。但在实现中,当我提交表单时,它会将我重定向到另一个带有表单验证错误/成功消息的页面。我试图修复此问题,但找不到错误。我正在使用jQuery1.8.3和codeigniter。这是我的密码 Custom.js function tambahBuku() { $('#form_tambah')[0].reset(); $('#form_tambah').unbind('submit').bind('s

我是ajax新手,现在我想使用ajax,这样在添加数据时我的页面不会重新加载,并显示错误或成功消息。但在实现中,当我提交表单时,它会将我重定向到另一个带有表单验证错误/成功消息的页面。我试图修复此问题,但找不到错误。我正在使用jQuery1.8.3和codeigniter。这是我的密码

Custom.js

function tambahBuku() {
$('#form_tambah')[0].reset();
$('#form_tambah').unbind('submit').bind('submit',function() {
var form = $(this);

  $.ajax({
    url: "http://localhost:8000/prjperpus-ci/Table/tambah",
    type: "POST",
    data : form.serialize(), //converting the form data into array and sending it to server
    dataType : "json",
    success:function(response, xhr, ajaxOptions, thrownError){
        alert("OKAY"); alert(xhr.status);
      if(response.success == true){
            alert("OK");
        $(".messages").html('<div class="alert alert-success alert-dismissible" role="alert">' +
        '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
        '<strong><span class="glyphicon glyphicon-ok-sign"> </span></strong>' + response.messages + '</div>')
      } else{
        if(response.messages instanceof Array){
          $.each(response.messages, function(index,value) {
            alert(index);
          });
        } else {
          alert("OK else");
          $(".messages").html('<div class="alert alert-warning alert-dismissible" role="alert">' +
          '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
          '<strong><span class="glyphicon glyphicon-exclamination-sign"> </span></strong>' + response.messages + '</div>')
        }
      }
    },   error: function(xhr, ajaxOptions, thrownError){
        alert("ERROR");
            alert(xhr.readyState);
        }
  })
});
模型(action.php)


如果使用ajax提交数据,则必须停止HTML提交(这就是导致重定向的原因)。
您可以使用submit处理程序中事件对象的preventDefault方法来完成此操作

$('#form_tambah').unbind('submit').bind('submit',function(event) {
    event.preventDefault();

为什么它一直显示表单验证错误,为什么在成功条件下xhr.status未定义。{“success”:false,“messages”:{“isbn”:“isbn字段是必需的”,“judul”:“judul buku字段是必需的”。它返回echo json_encode($validator);在controllerxhr.status中,在标头中返回200,但在我尝试发出警报时返回未定义的(xhr.status)在成功条件下,这可能是一个愚蠢的问题,但提交时是否填写了字段?另外,我不确定您是否注意到,但您在提交前正在对表单进行重新排序…因此,如果我不在表单中填写任何字段,如果我填写添加的数据,但它重定向到另一个页面并回显json_encode($validator),则没有任何价值。有时返回judul buku必须包含唯一的值,但数据会添加到数据库中。对于像Meth这样的初学者来说,这是一个非常复杂的问题。成功的正确语法是
success:function(数据、状态、xhr){
…xhr是第三个参数,但它仍然相同请具体说明,它未定义?您尝试过控制台登录xhr参数吗?
  public function tambah()
  {
        $data = array(
          'ISBN' => $this->input->post('isbn'),
          'Judul_Buku' => $this->input->post('judul'),
        );

        $config = array(
          array(
            'field' => 'isbn',
            'label' => 'ISBN',
            'rules' => 'trim|required'
          ),
          array(
            'field' => 'judul',
            'label' => 'Judul buku',
            'rules' => 'trim|required|is_unique[buku.Judul_Buku]'
          )
       };
         $this->form_validation->set_rules($config);

   $validator = array('success' => false , 'messages' => array());
   if($this->form_validation->run() === TRUE){
     $insert_Book = $this->action->insert_record("buku",$data);

     if($insert_Book == true){
        $validator['success'] = true;
        $validator['messages'] = "Data sukses ditambahkan";
        var_dump($validator);
     } else{
       $validator['success'] = false;
       $validator['messages'] = "Data gagal ditambahkan";
     }    
   }else{
     $validator['success'] = false;
     foreach ($_POST as $key => $value) {
      $validator['messages'][$key] = form_error($key);
     }
   }
   echo json_encode($validator);
}
public function get_data($table){
      return $this->db->get($table);
}

public function insert_record($table,$data){
  $sql = $this->db->insert($table, $data);
  if($sql === true){
    return true;
  } else{
    return false;
  }
}
$('#form_tambah').unbind('submit').bind('submit',function(event) {
    event.preventDefault();