mysqlデータベースからデータを取得してjavascriptで使用する

おそらくそれを行う最も簡単な方法は、phpファイルにJSONを返すようにすることです。したがって、ファイルquery.phpがあるとします。、

$result = mysql_query("SELECT field_name, field_value
                       FROM the_table");
$to_encode = array();
while($row = mysql_fetch_assoc($result)) {
  $to_encode[] = $row;
}
echo json_encode($to_encode);

document.writeの使用に制限がある場合（以下のコメントに注意してください）、フィールドに次のようなid属性を指定します：<input type="text" id="field1" /> 。このフィールドは、次のjQueryで参照できます：$("#field1").val() 。

これがHTMLの完全な例です。フィールドの名前がfield1であると想定している場合およびfield2 、次に

<!DOCTYPE html>
<html>
  <head>
    <title>That's about it</title>
  </head>
  <body>
    <form>
      <input type="text" id="field1" />
      <input type="text" id="field2" />
    </form>
  </body>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script>
    $.getJSON('data.php', function(data) {
      $.each(data, function(fieldName, fieldValue) {
        $("#" + fieldName).val(fieldValue);
      });
    });
  </script>
</html>

これは、HTMLが構築された後の挿入であり、これが最も簡単な場合があります。 HTMLを動的に構築しているときにデータを入力する場合でも、PHPファイルがJSONを返すようにしたい場合は、データをvalueに直接追加するだけです。属性。