読み込みが終了しない場合は、しばらく待つか、リロードを行なってください。
If loading does not finish, wait for a while or reload.
エンジニア向けの情報を発信するブログです。
どなたでも発信できます。
お好きに利用していただれば幸いです。
📂 root/index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<title>Document</title>
</head>
<body>
<script>
$(function () {
$('#do_ajax').on('click', function () {
doAjax();
});
function doAjax () {
$.ajax({
url: './api.php',
type: 'GET',
dataType: 'json',
}).done(function (data, textStatus, jqXHR) {
console.log(data);
}).fail(function (jqXHR, textStatus, errorThrown) {
console.log(jqXHR, textStatus, errorThrown);
});
}
});
</script>
<button type="button" id="do_ajax">ajax</button>
</body>
</html>
📁 root/api.php
<?php
$json = json_encode([
0 => 'Hello, Beginner!',
1 => 'Hello, Engineer!',
]);
echo $json;
exit;
📁 root/api.php
<?php
$json = json_encode([
0 => 'Hello, Beginner!',
2 => 'Hello, Engineer!',
]);
echo $json;
exit;
📁 root/api.php
<?php
$json = json_encode([
[
'Hello, Beginner!', // keyなし
'Hello, Engineer!',
],
[
0 => 'Hello, Beginner!', // 0から順番にkeyあり
1 => 'Hello, Engineer!',
],
[
1 => 'Hello, Beginner!', // 1から順番にkeyあり
2 => 'Hello, Engineer!',
],
[
0 => 'Hello, Beginner!', // 0から歯抜けのkeyあり
2 => 'Hello, Engineer!',
]
]);
echo $json;
exit;
注意:
配列をエンコードする場合、もし配列のキーが 0 からはじまる連続した数値でなければ、 すべてのキーを文字列としてエンコードします。 そして、個々のキー/値のペアを明示的に指定します。
"[["Hello, Beginner!","Hello, Engineer!"],["Hello, Beginner!","Hello, Engineer!"],{"1":"Hello, Beginner!","2":"Hello, Engineer!"},{"0":"Hello, Beginner!","2":"Hello, Engineer!"}]"
📁 root/api.php
<?php
// 配列をarray_values関数でkeyを振り直す
$json = json_encode([
array_values([
'Hello, Beginner!',
'Hello, Engineer!',
]),
array_values([
0 => 'Hello, Beginner!',
1 => 'Hello, Engineer!',
]),
array_values([
1 => 'Hello, Beginner!',
2 => 'Hello, Engineer!',
]),
array_values([
0 => 'Hello, Beginner!',
2 => 'Hello, Engineer!',
]),
]);
echo $json;
exit;
📁 root/api.php
<?php
$json = json_encode([
[
'Hello, Beginner!',
'Hello, Engineer!',
],
[
0 => 'Hello, Beginner!',
1 => 'Hello, Engineer!',
],
[
1 => 'Hello, Beginner!',
2 => 'Hello, Engineer!',
],
[
0 => 'Hello, Beginner!',
2 => 'Hello, Engineer!',
]
// 👇 こいつを指定
], JSON_FORCE_OBJECT);
echo $json;
exit;