Ajaxリクエストget方式
9456 ワード
Ajax GET要求方式コード:
ここではGET.phpファイルが必要です---リクエストしたurlがローカルに書かれているのでhttp://localhost/request/GET.php phpはデータを返す
GET.phpコード:
OK終了
<html lang="en">
<head>
<meta charset="UTF-8">
<title>GETtitle>
head>
<body>
<button id="app"> button>
<div id="box">div>
<script>
var app = document.getElementById("app");
var box = document.getElementById("box");
app.onclick = function () {
var xhr = new XMLHttpRequest();
// http://localhost/request/return.php
//
xhr.open("GET", "http://localhost/request/GET.php?name=lcl&id=1&password=aa123456");
xhr.send(null);
xhr.onreadystatechange = function () {
if (xhr.status == 200 && xhr.readyState == 4) {
console.log(JSON.parse(xhr.responseText));
box.innerHTML = xhr.responseText;
}
}
}
script>
body>
html>
ここではGET.phpファイルが必要です---リクエストしたurlがローカルに書かれているのでhttp://localhost/request/GET.php phpはデータを返す
GET.phpコード:
$id = $_GET['id'];
$name = $_GET['name'];
$password = $_GET['password'];
echo json_encode(array(
'id' => $id,
'name' => $name,
'password' => $password,
));
OK終了