数据通信

最新推荐文章于 2024-08-08 00:39:43 发布

頑張ってちしじょ

最新推荐文章于 2024-08-08 00:39:43 发布

阅读量140

点赞数

本文链接：https://blog.csdn.net/weixin_45170547/article/details/97520383

版权

fetch
fetch(input [,init])
input(必须) 定义要获取的资源(请求地址)

init(可选)

    <script>
    window.onload=function (){
      let oImg=document.getElementById('img1');
      let oBtn=document.getElementById('btn1');
      oBtn.onclick=async function (){
        //1.请求
        let res=await fetch('data/1.png');
        //2.解析
        let data=await res.blob();
        let url=URL.createObjectURL(data);

        oImg.src=url;
      };
    };
    </script>
  </head>
  <body>
    <input type="button" value="读取" id="btn1">
    <img id="img1" />
  </body>

jsonp:
1.原理：SONP是JSON with Padding的略称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）
2.jQuery

Ajax2.0
FormData:
1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。
2、异步上传文件
文档链接：https://www.jianshu.com/p/e984c3619019

webSocket
1.性能高
2.双向性