get请求和post请求（简单代码）

最新推荐文章于 2022-12-26 16:57:08 发布

涵儿soso

最新推荐文章于 2022-12-26 16:57:08 发布

阅读量1.1k

点赞数 1

分类专栏： ajax 文章标签： ajax html php

本文链接：https://blog.csdn.net/weixin_44424013/article/details/116850549

版权

ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

两种 HTTP 请求方法：GET 和 POST

在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。

GET - 从指定的资源请求数据。
POST - 向指定的资源提交要被处理的数据

url详解

1.url就是我们平常打开百度在地址栏输入的：https:www.baidu.com, 这个是最简单的url地址，打开的是百度的主页

2.那么一个完整的url地址，基本格式如下：

https://host:port/path?xxx=aaa&ooo=bbb

--http/https：这个是协议类型，如图中1所示

--host:服务器的IP地址或者域名，如图中2所示

--port:HTTP服务器的默认端口是80，这种情况下端口号可以省略。

如果使用了别的端口，必须指明，例如：192.168.3.111:8080，这里的8080就是端口

--path:访问资源的路径,如图中3所示/s (图中3是把path和请求参数放一起了)

--？:url里面的？这个符号是个分割线，用来区分问号前面的是path，问号后面的是参数

--url-params:问号后面的是请求参数，格式：xxx=aaa，如图4区域就是请求参数

--&：多个参数用&符号连接

get请求代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="sendMsg()">发送get请求</button>
    <div></div>
    <script>
        function sendMsg(){
            //创建一个对象
            var xhr=new XMLHttpRequest()
            //打开与后台的连接,open的参数
            //1请求的method
            //2请求的url
            //3是否异步，默认true，一般可以不写
            //携带参数加/id=1
            xhr.open('get','./data.php')
            //发送请求
            xhr.send()
            //监听状态的改变
            xhr.onreadystatechange=function(){
                //判断状态值的0-4 五种状态，4代表完成
                if(xhr.readyState===4){
                    //判断该状态码
                    if(xhr.status===200){
                        //收到字符串解析
                        var resp=JSON.parse(xhr.responseText)
                        console.log(resp)
                        //console.log(xhr.responseText)
                        document.querySelector('div').innerHTML=`
                        <h2>编号:${resp.id}</h2>
                        <h2>标题:${resp.title}</h2>

                        `
                        
                        
                    }
                }

            }

        }
    </script>
</body>
</html>

其中的php文件

<?php
$id=$_GET['id'];
$title=$_GET['title'];

echo json_encode(array(
    'id'=>123,
    'title'=>123,
    'age'=>20
));
?>

发送get请求以后的界面

//post请求详细代码

涵儿soso

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录