2016-09-10 4 views
0

Я искал решение в течение нескольких часов, но все еще не могу заставить его работать !!!JQuery Autocomplete не работает в Codeingniter

Это JQuery на голове:

$(function(){ 
    var $sfield = $('#term').autocomplete({ 
     source: function(request, response){ 
      var url = "<?php echo site_url('admin/get_email'); ?>"; 
       $.get(url, {term:request.term}, function(term){ 
       response($.map(term, function(countries) { 
        return { 
         value: aauth_users.email 
        }; 
       })); 
       }, "json"); 
     }, 
     minLength: 2, 
     autofocus: true 
    }); 
}); 

Это мой вид:

<form action="admin/get_email" method="get" accept-charset="utf-8"> 
    <div class="form-group"> 
     <label for="remail">Recipient Email Address</label> 
      <input type="email" class="form-control" id="term" name="term" placeholder="Email"> 
    </div> 
</form 

Это мой Контроллер:

public function get_email() 
    { 
     $this->load->model('suggest_email'); 
     $term = $_GET['term']; 
     $countries = $this->suggest_email->get_email($term); 
     echo json_encode($countries); 
    } 

и это моя модель:

class Suggest_email extends CI_Model 
{ 
    function get_email($term) 
    { 
    $this->db->like('email', $term, 'after'); 
    $query = $this->db->get('aauth_users'); 
    return $query->result(); 
    } 
} 

Как я новичок в JQuery, я попробовал все, что я нашел в поисках возможного решения в Интернете.

В хромированной консоли, я могу ясно видеть ошибку:

http://[::1]/sent/theme/js/jquery.min.js:4 [GET] http://[::1]/sent/index.php/admin/[email protected] 500 (Internal Server Error)

Пожалуйста, скажите, где я буду неправильно ??

+0

в jquery Ваш ожидающий ответ json от сервера .. но из объекта сервера извлекается попытка вернуть данные json с php-страницы – daulat

ответ

0

Программа не может найти ваши файлы js для jquery и jquery ui. Пожалуйста, добавьте их в нижней части страницы после закрытия тега тела. Для работы вам понадобится доступ к Интернету для следующих ссылок cdn.

<script src="https://code.jquery.com/jquery-3.1.0.slim.min.js" integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8=" crossorigin="anonymous"></script> 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script> 
Смежные вопросы