zoukankan      html  css  js  c++  java
  • axios.js 实例 -----$.ajax的替代方案

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

    Features

    • 从浏览器中创建 XMLHttpRequests
    • 从 node.js 创建 http 请求
    • 支持 Promise API
    • 拦截请求和响应
    • 转换请求数据和响应数据
    • 取消请求
    • 自动转换 JSON 数据
    • 客户端支持防御 XSRF

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>axios 实例</title>
    <style type="text/css">
    </style>
    </head>
    <body>
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script type="text/javascript">
        //get请求第一种写法
        axios({
                method: 'get',
                url: 'https://ipinfo.io',
                params: {
                  ID: 12345  //参数
                }
            })
            .then(function(response) {
                console.log(response.data);
            });
    
        //get请求第二种写法
        var result = axios({
                method: 'get',
                url: 'https://ipinfo.io',
                params: {
                  ID: 12345
                }            
            });   
        result.then(function(response) {
            console.log(response.data);
        });
    
        //post请求
        axios({
                method: 'post',
                url: 'https://ipinfo.io',
                data: {
                  ID: 12345  //参数
                }
            })
            .then(function(response) {
                console.log(response.data);
            });
    </script>
    </body>
    </html>
  • 相关阅读:
    Code review
    一点心得
    有关双向追踪性的一点感觉
    测试用例分析的一点心得
    js简单的抽屉菜单
    新的感受
    linux的VPS如何分区
    PHP中Unicode转码和解码的实现
    xampp安装及配置
    js Unicode编码转换
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924828.html
Copyright © 2011-2022 走看看