jQueryオートコンプリートwith Ajax Suggetionが返されない

Question

jQueryオートコンプリートを設定するのは簡単ではありませんなぜ私はこれに奇妙なのですか？

Jquery Function

$("#location_suggetion").autocomplete({ 
    autoFocus: true, 
    minLength: 1, 
    source: function(request,response) { 
     $.ajax ({ 
      url: base_url+'data_check/get_location', 
      data: {term: request.term}, 
      dataType: "jsonp", 
      cache: false, 
      success: function(data) { 
       response($.map(data.suggestions, function(item) { 
        return { 
         label: item, 
         value: item 
        } 
       }));  
      } 
     }); 
    }, 
}); 

PHP File Code

$term = $this->input->get('term'); 
$query = $this->db->query('SELECT * FROM `tb_cities` WHERE name LIKE "'.$term.'%" LIMIT 0,6'); 
$results = $query->result(); 
$html = ''; 
$html.= '['; 
foreach($results as $result){ 
    $html.= '{ label: "'.$result->name.', '.get_country_row($result->country_id)->name.'", value: "'.$result->name.'" },'; 
} 
$html.='];'; 

echo $html; 

Console Get me Result

[{ label: "Rangat, India", value: "Rangat" },{ label: "Rajahmundry, India", value: "Rajahmundry" },{ label: "Rajamahendri, India", value: "Rajamahendri" },{ label: "Rajampet, India", value: "Rajampet" },{ label: "Rajendranagar, India", value: "Rajendranagar" },{ label: "Rajoli, India", value: "Rajoli" },]; 

Answer 1

jsonpは、cross domainリクエストに使用されます。代わりにjsonを使用してください。コンソールのJSON日付が間違っていますhere。 JSON文字列で配列を変換するには、json_encodeを使用します。

$term = $this->input->get('term'); 
$query = $this->db->query('SELECT * FROM `tb_cities` WHERE name LIKE "'.$term.'%" LIMIT 0,6'); 
$results = $query->result(); 

$html= array();$i=0; 

foreach($results as $result){ 
    $html[$i]['label']=$result->name.', '.get_country_row($result->country_id)->name; 

    $html[$i]['value']=$result->name; 
$i++; 
} 
echo json_encode($html); 

これは、構造がすでに一致しているので、jqueryパートで変換する必要はありません。これは直接使用することができます。

Answer 2

私はこの問題は、PHPコードによって返さあなたのJSON形式であると思います。あなたがエコーしようとしている文字列を見てみると

<?php 
    require('connect.php'); 

    $getDetails = "SELECT id, concat(first_name,' ',last_name) as name FROM test.datatables_demo"; 
    $details = mysqli_query($con, $getDetails); 

    $response = array(); 
    if(mysqli_num_rows($details) > 0) 
    { 
     while($row = mysqli_fetch_assoc($details)) 
     { 
      $response[$row['id']] = $row['name']; 
     } 
    } 

    echo json_encode($response); 
?> 

Answer 3

：

<script> 
    $(function(){ 
     var arr = []; 
     var availableTags = []; 

     $.ajax({ 
      'url' : 'getdata.php', 
      'method': 'get', 
      success : function(response){ 
       arr = JSON.parse(response); 

       availableTags = Object.keys(arr).map(function (key) { return arr[key]; }); 
      }, 
      async : false 
     }); 

     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
    </script> 

PHPの：これを試してみてください。あなたはそれが有効なjsonではないことに気付くでしょう。それはあなたがまた、側面には正しい書式を作るかを決めることができますJSON

foreach($results as $result){ 
    $data[] = [ 
       "label" => $result->name.', '.get_country_row($result->country_id)->name, 
       "value" =>$result->name 
    ]; 
} 
//Now parse to json 
echo json_encode($data); 

にPHPの配列を解析するjson_encode機能を使用することができ、それを自分で作成Insteadofブラケット

// This is valid 
[ 
    { label: "Rajoli, India", value: "Rajoli" } 
] 

//this is invalid 
[ 
    { label: "Rajoli, India", value: "Rajoli" }, 
] 

前にカンマで終わり{"label": "some string", "value": "data"}

2番目の問題は、$.mapオブジェクトにラベルと値を設定しようとすると関連している可能性があります。

$("#location_suggetion").autocomplete({ 
    autoFocus: true, 
    minLength: 1, 
    source: function(request,response) { 
     $.ajax ({ 
      url: base_url+'data_check/get_location', 
      data: {term: request.term}, 
      dataType: "json", // This is right 
      cache: false, 
      success: function(data) { 
       response(data); // already mapped in backend 
      } 
     }); 
    }, 
}); 

Answer 4

CONVER Arrayコンソールですべてのエラー

$term = $this->input->get('term'); 
$query = $this->db->query('SELECT * FROM `tb_cities` WHERE name LIKE "'.$term.'%" LIMIT 0,6'); 
$results = $query->result(); 
$html = array(); 
foreach($results as $result){ 
    $html[]= array("label" => $result->name.",".get_country_row($result->country_id)->name, 
        "value" => $result->name); 
} 

echo json_encode($html,JSON_FORCE_OBJECT);