jQuery获取从数据库中使用codeigniter输入值的结果

Question

我正在研究像remitano这样的项目，您可以在其中输入您需要的金额，系统将显示具有该金额的成员列表。 我不知道从哪里开始jQuery代码并将其连接到我的控制器。

我试试这个代码，我不知道在哪里结束它

<input type="number" class="form-control checks" name="amount" value=""> 
<div id="nots"></div> 

<script type="text/javascript"> 
// Ajax post 
$(document).ready(function() { 
    $('.checks').change(function(){ 
     var amount = $('.checks').val(); 
     $('#nots').html('<span class="label label-danger btn-lg"> amount is '+amount+'</span>'); 
    }); 
}); 

请参见this link了更多的了解。

Answer 1

在您的控制器具有这样的功能：

public function getmembers($amount = null) { 
    if (is_numeric($amount) && $amount > 0) { 
     // Get matching members from your model 
     $members = $this->member_model->getMembersByAmount($amount); 
     echo json_encode($members); 
    } 
} 

在你的模型，你将有一个功能getMembersByAmount()从您与大于量所有成员的数据库获取列表。

那么你的jQuery的可能是这样的：

$(document).ready(function() { 
    $('#checks').on("change", function(){ 
     var amount = $('#checks').val(); 
     $.ajax({ 
      type: "GET", 
      url: "http://www.yourdomain.com/member/getmembers/" + amount, 
      success: function(data) { 
       // Do something with the json data returned from CodeIgniter 
       // I like to use https://github.com/BorisMoore/jsrender for templating at this point 
      } 
     }); 
    } 
});