H5ke9

news2024/11/28 9:25:47

上次fetvh就一个参数url,,就是get请求

fetch还可以第二个参数对象,可以指定method:改为POST

请求头header

:发送txt,servlet,json给客户端,,异步请求图片

1 这节客户端传到服务器端

2异步文件上传,两三行代码把文件传输

mouseover事件

.then()的使用

是Promise对象的一个方法，用于安排在Promise完成（或解析）后要执行的回调函数。它接受一个或两个参数：第一个参数是Promise成功解析时要调用的函数，第二个可选参数是Promise被拒绝时要调用的函数。
myPromise.then(successFunction, failureFunction);
到达客户端调用第一个回调函数,有状态码,和头,写的是lamdar表达式----只有一条语句就作为lamda返回值.的又是promise

只有一条语句就作为lamda返回值

2请求正文到达客户端调用第二个,图片写到此类型blob,blob是一个二进制数据..URL.createObjject(blob)这方法把内存里的数据给搞出来

选乒乓球的给servlet1

羽毛球的给servlet2

这样不会卡,总的servlet负责

客户端给服务器这节

内容:

转化为JSON对象-----当然方法不会转为JSON

获取所有键的名称

有更多对象hasmoreekement--是hasnext

想打印content-type

JAVA字符BUffer

String字节读取

我的错误一

从注意这js的

要与servlet 的value这个一样

案例一:触小图标变大,移走变回

requeset-image.html

ProcessJson

大小图片转换

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>请求图像</title>
    </head>
    <body><img src="img/th.png" id="img">
<script type="text/javascript">
    let img =document.querySelector("#img");
    let  src=img.src;
    img.addEventListener("mouseover",(event=>{
        fetch("img/th_big.png")
        .then(reponse=>reponse.blob())
        .then(blob=>img.src=URL.createObjectURL(blob));
    }));

    img.addEventListener("mouseout",(event)=>{//回来
        img.src=src;
    })

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

什么意思
img.addEventListener("mouseover",(event=>{
    fetch("img/th_big.png")
    .then(reponse=>reponse.blob())
    .then(blob=>img.src=URL.createObjectURL(blob));
}));