Có lẽ cách dễ nhất để làm điều đó là có một tệp php trả về JSON. Vì vậy, giả sử bạn có một tệp 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);
Nếu bạn bị hạn chế sử dụng document.write (như bạn lưu ý trong các nhận xét bên dưới) thì hãy cung cấp cho các trường của bạn một thuộc tính id như sau:<input type="text" id="field1" />
. Bạn có thể tham chiếu trường đó với jQuery này:$("#field1").val()
.
Đây là một ví dụ hoàn chỉnh với HTML. Nếu chúng tôi giả sử các trường của bạn được gọi là field1
và field2
, sau đó
<!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>
Đó là chèn sau khi HTML đã được xây dựng, điều này có thể dễ dàng nhất. Nếu bạn muốn điền dữ liệu trong khi bạn đang xây dựng động HTML, thì bạn vẫn muốn tệp PHP trả về JSON, bạn chỉ cần thêm nó trực tiếp vào giá trị value
thuộc tính.