几种请求方式

青旅半醒 2024-04-07 12:24 97阅读 0赞

## 1.Axios ##

##### 1.1 GET请求 #####

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script>
            const url = "https://jdg3h6.lafyun.com/bingone";
            axios.get(url).then((res) => {
        
                if (res.status == 200) {
        
                    console.log(res.data);
                }
            }).catch((err) => {
         console.log(err) });
        </script>

##### 1.2 POST请求 #####

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script>
            const url = "https://jdg3h6.lafyun.com/qq";
            const data = {
        
                qq: "1655466387"
            };
            axios.post(url, data).then((res) => {
        
                if (res.status == 200) {
        
                    console.log(res.data);
                }
            }).catch((err) => {
         console.log(err) });
        </script>

## 2.XMLHttpRequest ##

##### 1.1 GET请求 #####

function xmlhttp(http, url, data, callback) {
        
                var xmlhttp;
                var res;
                var fn = callback || function () {
         };
                if (window.XMLHttpRequest) {
        
                    xmlhttp = new XMLHttpRequest();
                }
                else {
        
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function () {
        
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        
                        res = JSON.parse(xmlhttp.responseText);
                        fn(res);
                    }
                }
                xmlhttp.open(http, url, true);
                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xmlhttp.send(data);
            }
            xmlhttp("get", "https://jdg3h6.lafyun.com/bingone", "", function (res) {
        
                console.log(res)
            });

##### 1.2 POST请求 #####

function xmlhttp(http, url, data, callback) {
        
                var xmlhttp;
                var res;
                var fn = callback || function () {
         };
                if (window.XMLHttpRequest) {
        
                    xmlhttp = new XMLHttpRequest();
                }
                else {
        
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function () {
        
                    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        
                        res = JSON.parse(xmlhttp.responseText);
                        fn(res);
                    }
                }
                xmlhttp.open(http, url, true);
                xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xmlhttp.send(data);
            }
            xmlhttp("post", "https://jdg3h6.lafyun.com/qq", "qq=1655466387", function (res) {
        
                console.log(res)
            });

## 3.Jqury ##

##### 1.1 GET请求 #####

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
        <script>
            const url="https://jdg3h6.lafyun.com/bingone";
            $.get(url, (data, status) => {
        
                if (status == "success") {
        
                    console.log(data);
                }
            });
        </script>

##### 1.2 POST请求 #####

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
        <script>
            const url="https://jdg3h6.lafyun.com/qq";
            const data = {
        
                qq: "1655466387"
            };
            $.post(url, data, (data, status) => {
        
                if (status == "success") {
        
                    console.log(data);
                }
            });
        </script>

## 4.fetch ##

##### 1.1 GET请求 #####

const url = 'https://jdg3h6.lafyun.com/bingone';
            fetch(url)
                .then(res =>res.json())
                .then(json => console.log(json))
                .catch(err => console.log(err));

##### 1.2 POST请求 #####

const url = 'https://jdg3h6.lafyun.com/qq';
            const data = {
        
                qq: "1655466387"
            };
            fetch(url, {
        
                method: 'post',
                headers: {
        
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(data),
            })
                .then(res => res.json())
                .then(json => console.log(json))
                .catch(err => console.log(err));

发表评论取消回复

表情：

评论列表（有 0 条评论，97人围观）

还没有评论，来说两句吧...

相关阅读

相关几种请求方式

1.Axios 1.1 GET请求 <script src="https://unpkg.com/axios/dist/axios.min.js"></sc

青旅半醒/ 2024年04月07日 12:24/ 0 赞/ 98 阅读

相关 http几种请求方式

我们要进行数据的采集，但网站肯定是设置了限制，为了突破这限制，我们需要模拟浏览器访问获取数据，那么首先要了解HTTP的请求，那么在Web中HTTP请求是怎样的呢?HTTP的请求

女爷i/ 2023年03月06日 03:46/ 0 赞/ 31 阅读

相关 ajax请求及前端发送请求的几种方式

什么是Ajax？ ajax是一种用于创建快速`动态网页`的技术，是一个`默认异步`执行机制的功能，ajax分为同步（async=false）和异步（async=true）

Bertha 。/ 2022年09月16日 00:27/ 0 赞/ 566 阅读

相关 js请求的几种方式

在某些时候可能需要在js中发起http请求，那么有哪几种请求方式呢？简要记录如下: 1.Jquery中的ajax请求： $.post(url, queryString

刺骨的言语ヽ痛彻心扉/ 2022年08月01日 02:47/ 0 赞/ 316 阅读

相关探讨跨域请求资源的几种方式

[探讨跨域请求资源的几种方式][Link 1] 1. 什么是跨域 2. JSONP 3. proxy代理 4. cors 5. xdr 　　由于浏览器同源策略，凡

ゝ一纸荒年。/ 2022年07月15日 15:30/ 0 赞/ 232 阅读

相关探讨跨域请求资源的几种方式

探讨跨域请求资源的几种方式摘要：什么是跨域 JSONP proxy代理 cors xdr 　　由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之

落日映苍穹つ/ 2022年07月13日 07:53/ 0 赞/ 271 阅读

相关 struts2请求的几种方式

在Struts2中，从JSP页面要提交请求到Action中，交给某个方法去处理，有以下几种方式： 1、在form的action中指定action的名字，这个名字是st

川长思鸟来/ 2022年07月12日 12:19/ 0 赞/ 282 阅读

相关 Vue - axios 请求后台接口的几种方式

Vue 中 axios 的使用一. 介绍二. vue项目中中安装使用 axios 三. axios 请求接口的五种方式 1.get 方

迈不过友情╰/ 2021年07月26日 02:20/ 0 赞/ 1126 阅读

相关 ajax请求方式有几种

ajax请求方式有几种 1、$.ajax()返回其创建的 XMLHttpRequest 对象 $.ajax() 只有一个参数：参数key/value对象，包含各配置及回调...

红太狼/ 2020年06月06日 16:55/ 1 赞/ 1015 阅读

相关 ajax请求方式有几种

如果你指定了dataType选项，那么需要保证服务器返回正确的MIME信息，(如 xml 返回 "text/xml")。实例：保存数据到服务器，成功时显示信息。

朱雀/ 2020年05月10日 16:49/ 2 赞/ 927 阅读