私はそこにテーブルがあるPHPページを持っています。ページを更新する/更新しないレコードを更新する
テーブルには、MySQLデータベースのレコードが入力されます。 テーブル（ハウジング）の1つのフィールドには、0と1の2つの値を含めることができます。
学生は、フィールドの値は、それ以外のときは0 表IにおいてO/I（スイッチ等）とをjQueryのUIボタンを使用する1 housedあります。
ボタンをクリックすると、MySQLテーブルで値を更新する必要があります。値が1の場合アイコンが消えるはずです。("checked")がJQUERY UIボタンの右側に表示されます。
私はこれを行うにはajaxが必要ですか？
これを行うことができるかどうか誰にでも教えてください。そしておそらくそれはどのようにすることができますか？
は、はい、それは
を行うことができます
- がサーバー
- コピーにapi.phpと呼ばれるPHPスクリプトを作成し、例を貼り付けると言い、ここでhttp://openenergymonitor.org/emon/node/107
例以下を保存してください：
<?php
//--------------------------------------------------------------------------
// Example php script for fetching data from mysql database
//--------------------------------------------------------------------------
$host = "localhost";
$user = "root";
$pass = "root";
$databaseName = "ajax01";
$tableName = "variables";
//--------------------------------------------------------------------------
// 1) Connect to mysql database
//--------------------------------------------------------------------------
include 'DB.php';
$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);
//--------------------------------------------------------------------------
// 2) Query database for data
//--------------------------------------------------------------------------
$result = mysql_query("SELECT * FROM $tableName"); //query
$array = mysql_fetch_row($result); //fetch result
//--------------------------------------------------------------------------
// 3) echo result as json
//--------------------------------------------------------------------------
echo json_encode($array);
?>
その後、
- はそれで次の内容を同じディレクトリにclient.phpと呼ばれるHTMLスクリプトを作成します。
<!---------------------------------------------------------------------------
Example client script for JQUERY:AJAX -> PHP:MYSQL example
---------------------------------------------------------------------------->
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
</head>
<body>
<!-------------------------------------------------------------------------
1) Create some html content that can be accessed by jquery
-------------------------------------------------------------------------->
<h2> Client example </h2>
<h3>Output: </h3>
<div id="output">this element will be accessed by jquery and this text replaced</div>
<script id="source" language="javascript" type="text/javascript">
$(function()
{
//-----------------------------------------------------------------------
// 2) Send a http request with AJAX http://api.jquery.com/jQuery.ajax/
//-----------------------------------------------------------------------
$.ajax({
url: 'api.php', //the script to call to get data
data: "", //you can insert url argumnets here to pass to api.php
//for example "id=5&parent=6"
dataType: 'json', //data format
success: function(data) //on recieve of reply
{
var id = data[0]; //get id
var vname = data[1]; //get name
//--------------------------------------------------------------------
// 3) Update html content
//--------------------------------------------------------------------
$('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); //Set output element html
//recommend reading up on jquery selectors they are awesome
// http://api.jquery.com/category/selectors/
}
});
});
</script>
</body>
</html>
Ajaxは何のためにあるのかだこと –
[何を試しましたか？]（http://mattgemmell.com/2008/12/08/what-have-you-tried/） – Jakub