ES6的Fetch异步请求的实现方法

最新推荐文章于 2025-03-31 17:15:06 发布

庭博

最新推荐文章于 2025-03-31 17:15:06 发布

阅读量626

点赞数

分类专栏： JAVA 湖北荆门金庭波文章标签： java js fetch

本文链接：https://blog.youkuaiyun.com/jintingbo/article/details/110201782

版权

第一步：用IDEA建一个WEB SERVLET工程

第二步：写idex.jsp代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type="text/javascript">
      var url = "fetch";
      fetch(url,{
        method:"post",
        headers:{
          "Content-type":"application/x-www-form-urlencoded"
        },
        body:"name=luwenjing&age=22"
      })
      .then(function (response){
        if (response.status == 200){
          return response;
        }
      })
      .then(function (data) {
        return data.text();
      })
      .then(function(text){
        console.log("请求成功，响应数据为:",text);
      })
      .catch(function(err){
        console.log("Fetch错误:"+err);
      });
    </script>
  </head>
  <body>
    <h1