jQuery、PHP、MySQLでJSONデータを読み込む方法

Question

別の選択肢の値に基づいて選択する動的なドロップダウンメニューを作成したいとします。私は何度も試みて失敗しました。私は以下のコードを持っています。問題が何であるかを誰でも知ることができます。

//テンプレート：

<script type="text/javascript"> 

$(function(){ 
    getSelectVal(); 
    $("#grouptypes").change(function(){ 
     getSelectVal(); 

    }); 
}); 

function getSelectVal(){ 
    $.getJSON('<?php echo url_for('group_utilization/GroupModification') ?>', {'grouptypes':$("#grouptypes").val()},function(data){ 
     var groups = $("#groups"); 
     $("option",groups).remove(); 
     $.each(json,function(index,array){ 
      var option = "<option value='"+array['id']+"'>"+array['title']+"</option>"; 
      select.append(option); 
     }); 
    }); 
} 

</script> 

GroupType: <select id="grouptypes"> 

    <?php foreach($grouptypes as $type) : ?> 

    <?php echo "<option value='" . $type->name . "'>" .$type->name. "</option>"; ?> 

    <?php endforeach ?> 

</select><br /> 
<br />Result:<span id="list-of-groups"></span> 

<br /> 
Group: <select name="group" id="groups"> 

</select><br /> 

データベースを返すためのもう一つのファイルには、値を返さ：

if(isset($_GET["grouptypes"])){ 
$grouptypes = $_GET["grouptypes"]; 

$query = "SELECT g.name FROM groups g INNER JOIN group_types gt ON(gt.id = g.group_type_id AND gt.name = ?)"; 

$groups = $db->getResultsForQuery($query, $grouptypes); 
echo json_encode($groups); 
} 

Answer 1

コードの先頭ブロックは、実際にあるべき：あなたが参照する必要が

$(document).ready(function(){ 
    getSelectVal(); 
    $("#grouptypes").change(function(){ 
     getSelectVal(); 

    }); 
}); 

Answer 2

タグを付ける前にjQuery var：

function getSelectVal(){ 
    var select = $("#grouptypes"); 

    $.getJSON('<?php echo url_for('group_utilization/GroupModification') ?>', {'grouptypes':$("#grouptypes").val()},function(data){ 
    var groups = $("#groups"); 
    $("option",groups).remove(); 
    $.each(data,function(index,array){ 
     var option = "<option value='"+array['id']+"'>"+array['title']+"</option>"; 
     select.append(option); 
    }); 
    }); 
} 

Answer 3

あなたがgetJSONを使用するために適切にリンクを出力できない可能性があるので、url_for（）が機能します。私はあなたのコードに近いものをいじるたとえば（ところで、あなたは、シンフォニーを使用していますか？）

$.post("<? echo 'server.php';?>", function(data) { 
        aler(data); 

        }); 

      }); 

私は私のJSコードは明らかに私はリンクではありません

http://dev.wonderland/%3C?%20echo%20'server.php'?%3E 

でこのリンクを取得に到達しようとしている。また、PHPコードの最後にセミコロンを追加してもう一度やり直してください。

Answer 4

PHPスクリプトがJSON用の適切なヘッダーを送信しますか？

このjusteを "echo json_encode（$ groups）;"の前に挿入しようとします。 最終的には、余分な出力を避けるために終了呼び出しを行います。

$ groups = $ db-> getResultsForQuery（$ query、$ grouptypes）;
header（ 'Content-type：application/json; charset = utf-8'）;
echo json_encode（$ groups）;
exit（）;