Question

CodeIgniter Ajax对我不起作用。

这是我到目前为止所尝试过的。

v_login.php

         <script type="application/javascript">
    $(document).ready(function() {
      $('#submit').click(function() {
        var form_data = {
        username : $('#username').val(),
        password : $('#password').val(),
        ajax : '1'
      };
      $.ajax({
        url: "<?php echo site_url('c_login/ajax_check'); ?>",
        type: 'POST',
        async : false,
        data: form_data,
        success: function(msg) {
          $('#message').html(msg);
        }
      });
        return false;
      });
    });
  </script>

  <div class="container">
     <div class="jumbotron">

     <?php 
     $attributes = array('class' => 'form-signin');
     echo form_open('c_login', $attributes); ?>
        <h2 class="form-signin-heading">VMS Login System</h2>
          <input type="username" name="username" id="username" class="form-control" placeholder="Username" required autofocus>
          <input type="password" name="password" class="form-control" placeholder="Password" required>
          <input class="btn btn-primary" type="submit" id="submit" value="Login">
          <input class="btn btn-primary" type="reset" value="Cancel">
       <?php echo form_close(); ?>
        <div id="message">
        </div>

     </div>
  </div>

C_login.php

  <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

    class C_login extends CI_Controller {

        function __construct() {

            parent::__construct();

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

        }
        function index() {
            $this->load->view('include/header');
            $this->load->view('v_login');
            $this->load->view('include/footer');
        }

        function ajax_check() {
            if($this->input->post('ajax') == '1') {
                $this->form_validation->set_rules('username', 'username', 'trim|required|xss_clean');
                $this->form_validation->set_rules('password', 'password', 'trim|required|xss_clean');
                $this->form_validation->set_message('required', 'Please fill in the fields');
            if($this->form_validation->run() == FALSE) {
                echo validation_errors();
            } else {
                $this->load->model('m_access');
                $user = $this->m_access->check_user($this->input->post('username'),$this->input->post('password'));
            if($user == '1') {
                echo 'login successful';
            } else {
                echo 'unknown user';
            }
            }
            }
        }
    }
    /* End of file c_login.php */
    /* Location: ./application/controllers/c_login.php */

m_access.php

   <?
    class M_access extends CI_Model {
        public function check_user($username,$password) {
            $this->query = $this->db->select('COUNT(*)')->from('users')->where(array('username'=>$username,'password'=>$password))->limit(1)->get();
            return $this->query->row_array();
        }
    }

我不知道出了什么问题，我已经设置了config.php和路由。但它根本不起作用。有任何想法吗？非常感谢帮助。感谢。

Answer 1

经过一段chat OP后，解决方案就是

你的模特

class M_access extends CI_Model {
    public function check_user($username,$password) {
        $args = array(
            'username' => $username,
            'password' => $password
        );
        $query = $this->db->select('*')->from('users')->where($args)->get();
        if($query->num_rows()) {
            return $query->row_array();
        }
        return false;
    }
}

在您的控制器中，使用

$this->load->model('m_access');
$user = $this->m_access->check_user($this->input->post('username'), $this->input->post('password'));
if($user) {
    // right user
}
else {
    // wrong user
}

不需要发送ajax:1因为jQuery向服务器发送请求标头，就像这样

X-Requested-With': 'XMLHttpRequest'

并在CodeIgniter中，您可以使用

检查ajax请求

if($this->input->is_ajax_request()){
    // it's an ajax request
}

另外，您要求设置一个gif加载程序，因此可以将其用作

$('#submit').click(function() {
    var form_data = { ...};
    // show the gif loader
    $.ajax({
        ...
        data: form_data,
        success: function(msg) {
          // hide the gif loeader
          $('#message').html(msg);
        }
    });
});

更新：要插入图片，您可以查看this fiddle example，例如

$('#submit').click(function(e){
    e.preventDefault();
    var loader = $('<img/>', {
        'src':'url_of_the_image',
        'id':'ajax_loader'
    });
    loader.insertAfter($(this));
});

要删除success回调中的图片，您可以使用

$('#ajax_loader').remove();

Answer 2

错误404由于调用路径，因为文件名带有“C”而你用“c”调用它，而不是那个在我看来，你需要深入了解codeigniter form validation帮助器在你尝试ajax调用之前

一旦你做到了服务器端完美＆amp;如果你仍然想要使用ajax进行验证，那么在orignal服务器端验证函数中只为此目的创建另一个函数作为webservice，它就是那样的

     function ajax_check(){
     $username_check=true;
     //your code goes here to check if username unique or not and result assigned to $username_check 
     if(!$username_check){
       echo json_encode('fail');
       return;
       }
     echo json_encode('success');
     }

CodeIgniter Ajax无法正常工作

2 个答案: