0

私がすでに行ったことは次のとおりです。JSONデータ構造をエコーするphpスクリプトを作成しました。私は現在、結果を JSON 形式で取得する Html スクリプトを作成しようとしていますが、これを以下の html テーブルにエコーアウトすると、PHP スクリプトと Attempted HTM スクリプトになります。これを行う方法についてのヒントがあれば、感謝します。

 <html>
<head>
<title>Details B</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        JSONload();
    })
    function JSONload() {
        $('#results').empty();
        $('<table id="table2" border="1"/>').appendTo('#results');
        $.get("details.php",   {date1:$('#date_1').val(),date2:$('#date_2').val()}, function(result){
            for(elem in result[0])
                $('<th scope="col">'+elem+'</th>').appendTo('#table2');
            for(var i = 0; i <= result.length; i++) {
                $('<tr id="'+(i)+'" />').appendTo('#table2');
                for(elem in result[i]) {
                    $('<td>'+result[i][elem]+'</td>').appendTo('#'+i);
                }
            }
        },'json');
    }
</script>
</head>
<body>
<table>
<tr>
<td>
    <div class="fixed">  
    </div>
</td>
</tr>
</table>
<br />
<table border="1">
  <tr>
        <th scope="col">Key</th>
        <th scope="col">Value</th>
  </tr>
  <tr>
    <td>    <label for="date_1">Date as dd/mm/yyyy (date_1)</label></td>
    <td>
      <input name="date_1" type="text" class="larger" id="date_1" value="31/1/1970" size="12" />
    </td>
  </tr>
  <tr>
          <td><label for="date_2">Date as dd/mm/yyyy (date_2)</label></td>
    <td>
      <input name="date_2" type="text" class="larger" id="date_2" value="31/1/1990" size="12" />
    </td>
  </tr>

  <tr>
    <td>List name of all cyclists with their country's name, gdp and population</td>
    <td><input type="button" onClick="JSONload()" name="submit" id="button" value="Submit"  class="larger" /></td>
  </tr>

  <tr>

  </tr>
</table>
<div id="results" />
</body>
</html>
4

2 に答える 2