在codeigniter采用JQuery的$.ajax方法调取api数据

lanwailan

首先在api_model.php 中写入调取api接口数据的文件

<?php  
defined('BASEPATH') OR exit('No direct script access allowed');
      class Api_model extends CI_Model{        
          public function find_num($num){         
          $ch = curl_init();         
          $url = 'http://apis.baidu.com/apistore/mobilenumber/mobilenumber?phone='.$num;  //这里用的是百度免费的api         
          $header = array(         
                        'apikey: *************',         );         // 添加apikey到header      
          curl_setopt($ch, CURLOPT_HTTPHEADER  , $header);        // 添加apikey到header        
          curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);         // 执行HTTP请求        
          curl_setopt($ch , CURLOPT_URL , $url);        
          $res = curl_exec($ch);      
          $data=json_decode($res,TRUE);        
          return $data;        
}}

在controller中写入如下代码：

           public function api(){            
                    $segments=$this->uri->uri_to_assoc();    //默认是3     
                   $this->load->model('api_model','api');     
                     $data['find_num']=$this->api->find_num($segments['number']);     
                   if($data['find_num']['errNum'] ==0){        
                           echo '该手机号码来自：'.$data['find_num']['retData']['city'].'<br />';        
                          echo '运营商为：'.$data['find_num']['retData']['supplier'];   
                    }else{        
                          echo '错误：'.$data['find_num']['retMsg'];   
            };     
}

在view视图中：

       <label>输入手机号码：</label>
        <input type="text" id="number"><p id="txtHint"></p>
        <button class="btn btn-default" id="button">查询手机归属地</button>                  

在javascript中写入：

        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>               
       <script>                  
              $(document).ready(function(){                  
              $("button").click(function(){                     
              var number=$("#number").val();                     
              var oajax= $.ajax({                        
              type:'GET',                        
              url:'<?php echo site_url('home/api/number')?>'+'/'+number,  //不知为何只采用<?php echo site_url('home/api/')?>,然后添加data行,controller无法接收到number的数据                          
              dataType:'text',  //                        
              success:function(data){                           
              alert('查找成功！');                           
              $('#txtHint').html(data);                           
                           return true;                        
              },                        
              error:function(){                           
                            alert('failed');                           
                            return false;                        
                            }                     
                     });                  
                });               
   });              
  </script>

这样写完的话，相比上篇文章代码更加简洁点，另外将api写入了model函数，与CI较为不错的结合在一起.

原文地址：http://lanwailan.com/index.php/home/article/15

xiaonniqiu2015

飘过~~~~~~~~~~~~~~~~~~~~~