【练习】利用XMLHTTPRequest获取数据库的JSON数据

最新推荐文章于 2024-03-28 02:18:33 发布

有梦想的水手啊

最新推荐文章于 2024-03-28 02:18:33 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_45806009/article/details/116064581

版权

利用XMLHTTPRequest对象连接服务端的json数据，并显示在页面上

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Our superheroes</title>
    <link href="https://fonts.googleapis.com/css?family=Faster+One" rel="stylesheet">
    <style>
        html {
    
        font-family: 'helvetica neue', helvetica, arial, sans-serif;
        }

        body {
    
        width: 800px;
        margin: 0 auto;
        }

        h1, h2 {
    
        font-family: 'Faster One', cursive;
        }

        /* header styles */

        h1 {
    
        font-size: 4rem;
        text-align: center;
        }

        header p {
    
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
        }

        /* section styles */

        section article {
    
        width: 33%;
        float: left;
        }

        section p {