JS中的异步

js中ajax异步

        创建XMLHttpRequest 对象
        http和https
        1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。
        2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。
        3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
        4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。
        let http = new XMLHttpRequest();
        请求方式
        请求方式分为：get、post、put、delete
        get方式：偏向获取数据；
        post方式： 偏向向后端提交数据；
        put方式：偏向更新（全部更新）；
        delete方式：偏向删除信息；
        2.请求  创建对象.open(请求方式,路径,异步)
        创建对象.send()
        http.open("get","http://jsonplaceholder.typicode.com/posts?id=99");
        http.send();
        http.open("post","http://jsonplaceholder.typicode.com/posts");
        传值方式为JSON
        http.setRequestHeader("Content-Type","application/json")
        http.send(JSON.stringify({
             "userId":10,
             "title":"hello",
             "body":"你好"
        }));
        传值方式为表单
        http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        http.send("userId=10&title=hello&body=你好");
        responseText 属性
        如果来自服务器的响应并非 XML，请使用 responseText 属性。
        http.onreadystatechange=function(){
            if (http.readyState==4 && http.status==201){
                var data = JSON.parse(http.responseText);
                console.log(data);
            }
        }
        console.log(http);
        
        jq中$.ajax默认为get
        var base = "http://jsonplaceholder.typicode.com";
        $.ajax({
            url: base+"/posts",
            data:{
                id:10
            },
            success:function(user){
                console.log(user);
            }
        })
        $.get("http://jsonplaceholder.typicode.com/posts",function(data,status){
            console.log(data);
        });
        $.post("http://jsonplaceholder.typicode.com/posts",{
            "userId":10,
            "title":"hello",
            "body":"你好"
        },function(data,status){
            console.log(data);
        });
    </script>
    <script type="module">
        1.在一个文件或模块中，export、import 可以有多个，export default 仅有一个。
        2.export default 中的 default 是对应的导出接口变量。
        3.通过 export 方式导出，在导入时要加{ }，export default 则不需要。
        4.export default 向外暴露的成员，可以使用任意变量来接收。
        
        第一种
        import {userName,age} from "./day28.js";
        第二种
        import {userName as aaa,age as bbb} from "./day28.js";
        第三种
        import aaa from "./day28.js";
        console.log(aaa)
        第四种
        import * as aaa from "./day28.js";
        console.log(aaa);