Ajax请求get方式

最新推荐文章于 2024-02-23 11:46:43 发布

codernmx

最新推荐文章于 2024-02-23 11:46:43 发布

阅读量2.6k

点赞数 2

文章标签： ajax html5 javascript

本文链接：https://blog.csdn.net/qq_31754591/article/details/111396146

版权

Ajax GET请求方式
在这里插入图片描述
代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>GET</title>
</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代码：

<?php
$id = $_GET['id'];
$name = $_GET['name'];
$password = $_GET['password'];
echo json_encode(array(
    'id' => $id,
    'name' => $name,
    'password' => $password,
));

OK结束

codernmx

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
1
评论
Ajax请求get方式

Ajax GET请求方式代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>GET</title></head><body><button id="app">点击发送请求</button><div id="box"></div><script
复制链接

扫一扫