菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 毛少涵 2023-1-11 [打印本页]

作者: 微小星晨 时间: 2023-1-31 19:34
标题: 毛少涵 2023-1-11
今日学习内容：
<body>
<script>
      // axios.get("http://162.14.107.109/list").then(res=>{
      //    //成功回调
      //    // console.log(res);
      //    // console.log(res.data.data);
      //    let stuList = res.data.data.data;
      //    //
      //    let html = "";
      //    stuList.forEach((v) => {
      //    console.log(v);
      //    html += `
      //                <tr>
      //       <td>${v.id}</td>
      //       <td>${v.name}</td>
      //       <td>${v.age}</td>
      //       <td>${v.sex}</td>
      //       <td>${v.tel}</td>
      //    </tr>`;
      //    });
      //    document.querySelector('tbody').innerHTML=html

      // }).catch(err=>{
      //    //失败的回调
      // })
      axios.post("http://162.14.107.109/list").then(res=>{
         //成功回调
         // console.log(res);
         console.log(res.data.data);
         let stuList = res.data.data.data;
         //
         let html = "";
         stuList.forEach((v) => {
            console.log(v);
            html += `
                     <tr>
            <td>${v.id}</td>
            <td>${v.name}</td>
            <td>${v.age}</td>
            <td>${v.sex}</td>
            <td>${v.tel}</td>
         </tr>`;
         });
         document.querySelector('tbody').innerHTML=html

      }).catch(err=>{
         //失败的回调
      })

      axios.post("http://162.14.107.109/list").then(res=>{
         //成功回调
         console.log(res);
         console.log(res.data.data);
         let stuList = res.data.data.data;
         //
         let html = "";
         stuList.forEach((v) => {
            console.log(v);
            html += `
                     <tr>
            <td>${v.id}</td>
            <td>${v.name}</td>
            <td>${v.age}</td>
            <td>${v.sex}</td>
            <td>${v.tel}</td>
         </tr>`;
         });
         document.querySelector('tbody').innerHTML=html

      }).catch(err=>{
         //失败的回调
      })
</script>

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)