chao
/
Challenge_Contest


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>比赛报名系统</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
            height: 100vh;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            background-color: #f5f7fa;
        }

        /* 导航栏样式 */
        nav {
            background: linear-gradient(135deg, #1a73e8, #0d47a1);
            color: white;
            padding: 15px 30px;
            display: flex;
            align-items: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            z-index: 100;
        }

        .logo {
            font-size: 24px;
            font-weight: bold;
            margin-right: 15px;
        }

        .event-name {
            font-size: 20px;
            flex-grow: 1;
        }

        /* 主内容区域 */
        .main-container {
            display: flex;
            flex: 1;
            overflow: hidden;
        }

        /* 左侧菜单 */
        .sidebar {
            width: 200px;
            background-color: #2c3e50;
            color: white;
            display: flex;
            flex-direction: column;
            padding: 20px 0;
        }

        .menu-btn {
            padding: 15px 20px;
            margin: 10px 15px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
            text-align: center;
        }

        .menu-btn:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .menu-btn.active {
            background-color: #1abc9c;
        }

        /* 右侧内容区域 */
        .content-area {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            margin: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            overflow: hidden;
        }

        .content-header {
            font-size: 24px;
            color: #2c3e50;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #3498db;
        }

        /* 下载区域 */
        .download-section {
            display: none;
            flex-direction: column;
            height: 100%;
        }

        .download-section.active {
            display: flex;
        }

        .download-list {
            overflow-y: auto;
            flex: 1;
        }

        .download-item {
            width: calc(100% - 30px);
            background-color: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            transition: all 0.3s;
        }

        .download-item:hover {
            transform: translateX(5px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-color: #3498db;
        }

        .file-icon {
            font-size: 24px;
            margin-right: 15px;
            color: #3498db;
        }

        .file-info {
            flex: 1;
        }

        .file-title {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .file-desc {
            color: #6c757d;
            font-size: 14px;
        }

        .download-btn {
            background-color: #28a745;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
            text-decoration: none;
        }

        .download-btn:hover {
            background-color: #218838;
        }

        /* 报名区域 */
        .registration-section {
            display: none;
            flex-direction: column;
            height: 100%;
            overflow-y: auto;
            position: relative;
        }

        .registration-section.active {
            display: flex;
        }

        .form-container {
            flex: 1;
            padding-right: 10px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #495057;
        }

        .required::after {
            content: " *";
            color: #e74c3c;
        }

        .form-input {
            width: 100%;
            padding: 12px;
            border: 1px solid #ced4da;
            border-radius: 5px;
            font-size: 16px;
            transition: border-color 0.3s;
        }

        .form-input:focus {
            border-color: #3498db;
            outline: none;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
        }

        .form-row {
            display: flex;
            gap: 20px;
        }

        .form-col {
            flex: 1;
        }

        .file-upload {
            border: 2px dashed #ced4da;
            padding: 30px;
            text-align: center;
            border-radius: 8px;
            margin: 20px 0;
            background-color: #f8f9fa;
            transition: all 0.3s;
        }

        .file-upload:hover {
            border-color: #3498db;
            background-color: #e3f2fd;
        }

        .upload-icon {
            font-size: 40px;
            color: #3498db;
            margin-bottom: 15px;
        }

        .submit-btn {
            background-color: #1a73e8;
            color: white;
            border: none;
            padding: 14px 25px;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s;
            margin-top: 20px;
            width: 100%;
        }

        .submit-btn:hover {
            background-color: #0d47a1;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .error {
            color: #e74c3c;
            font-size: 14px;
            margin-top: 5px;
            display: none;
        }

        .menu-btn-add {
            position: absolute;
            right: 20px;
            top: 1px;
            padding: 5px 8px;
            font-size: 14px;
            background-color: #3498db;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s;
            text-align: center;
        }
    </style>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.235.1.min.js"></script>
    <script>
        var credentials = {
            accessKeyId: 'AKIATLPEDU37QV5CHLMH',
            secretAccessKey: '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'
        };  //秘鑰形式的登錄上傳
        window.AWS.config.update(credentials);
        window.AWS.config.region = 'cn-northwest-1';   //設置區域
    </script>
</head>

<body>
    <!-- 导航栏 -->
    <nav>
        <img src="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/a/logo.png" alt="logo" style="width: 40px;margin-right: 15px;"></img>
        <div class="event-name">第六届广东省青少年创新思维及科技实践大赛创新思维挑战赛（选手报名）</div>

    </nav>

    <!-- 主内容区域 -->
    <div class="main-container">
        <!-- 左侧菜单 -->
        <div class="sidebar">
            <button class="menu-btn active" id="downloadBtn">资料下载</button>
            <button class="menu-btn" id="registerBtn">在线报名</button>
            <button class="menu-btn" id="registerBtn">资格确认</button>
        </div>

        <!-- 右侧内容区域 -->
        <div class="content-area">
            <!-- 下载区域 -->
            <div class="download-section active" id="downloadSection">
                <h2 class="content-header">比赛资料下载</h2>
                <div class="download-list">

                    <div class="download-item">
                        <div class="file-icon">📋</div>
                        <div class="file-info">
                            <div class="file-title">第六届广东省青少年创新思维及科技实践大赛创新思维挑战赛</div>
                        </div>
                        <a target="_blank"
                            href="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/a/%E5%88%9B%E6%96%B0%E6%80%9D%E7%BB%B4%E7%B1%BB-%E5%88%9B%E6%96%B0%E6%80%9D%E7%BB%B4%E6%8C%91%E6%88%98%E8%B5%9B.pdf"
                            class="download-btn" download="第六届广东省青少年创新思维及科技实践大赛创新思维挑战赛.pdf">下载</a>
                    </div>

                    <div class="download-item">
                        <div class="file-icon">📊</div>
                        <div class="file-info">
                            <div class="file-title">第六届广东省青少年创新思维及科技实践大赛的通知</div>
                        </div>
                        <a target="_blank"
                            href="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/a/%E5%85%B3%E4%BA%8E%E4%B8%BE%E5%8A%9E%E7%AC%AC%E5%85%AD%E5%B1%8A%E5%B9%BF%E4%B8%9C%E7%9C%81%E9%9D%92%E5%B0%91%E5%B9%B4%E5%88%9B%E6%96%B0%E6%80%9D%E7%BB%B4%E5%8F%8A%E7%A7%91%E6%8A%80%E5%AE%9E%E8%B7%B5%E5%A4%A7%E8%B5%9B%E7%9A%84%E9%80%9A%E7%9F%A5%286%29.pdf"
                            class="download-btn" download="第六届广东省青少年创新思维及科技实践大赛的通知.pdf">下载</a>
                    </div>
                    <div class="download-item">
                        <div class="file-icon">📄</div>
                        <div class="file-info">
                            <div class="file-title">报名表模板</div>
                            <div class="file-desc">请在完成在线报名后，下载文件完成学校盖章再上传报名表</div>
                        </div>
                        <a target="_blank"
                            href="https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/a/%E6%8A%A5%E5%90%8D%E8%A1%A8.docx"
                            class="download-btn" download>下载</a>
                    </div>
                </div>
            </div>

            <!-- 报名区域 -->
            <div class="registration-section " id="registrationSection">
                <div class="content-header">
                    <h2 style="display: inline-block;font-size: 24px;">参赛信息登记</h2>
                    <select id="selectType" class="form-input" required style="width: 200px;margin-left: 10px;">
                        <option value="">请选择</option>
                        <option value="male">桌游设计挑战类</option>
                        <option value="female">智能体应用类</option>
                    </select>
                    <button class="menu-btn-add" onclick="addContestant()">添加</button>
                </div>
                <div class="form-container" id="formContainer">
                    <h3>选手1：</h3>
                    <br />
                    <form id="registrationForm1">
                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="name">姓名</label>
                                    <input type="text" id="name1" class="form-input" required>
                                    <div class="error" id="name-error1">请输入姓名</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="gender">性别</label>
                                    <select id="gender1" class="form-input" required>
                                        <option value="">请选择</option>
                                        <option value="male">男</option>
                                        <option value="female">女</option>
                                    </select>
                                    <div class="error" id="gender-error1">请选择性别</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="ethnicity">民族</label>
                                    <input type="text" id="ethnicity1" class="form-input" required>
                                    <div class="error" id="ethnicity-error1">请输入民族</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="birthdate">出生年月</label>
                                    <input type="date" id="birthdate1" class="form-input" required>
                                    <div class="error" id="birthdate-error1">请选择出生年月</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="email">电子邮箱</label>
                                    <input type="email" id="email1" class="form-input" required>
                                    <div class="error" id="email-error1">请输入有效的电子邮箱</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="idNumber">身份证号码</label>
                                    <input type="text" id="idNumber1" class="form-input" required
                                        pattern="\d{17}[\dXx]">
                                    <div class="error" id="idNumber-error1">请输入18位身份证号码</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="group">组别</label>
                                    <select id="group1" class="form-input" required>
                                        <option value="">请选择</option>
                                        <option value="1">小学组</option>
                                        <option value="2">初中组</option>
                                        <option value="3">高中组</option>
                                        <option value="4">大学组</option>
                                    </select>
                                    <div class="error" id="group-error1">请选择组别</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="grade">年级</label>
                                    <input type="text" id="grade1" class="form-input" required>
                                    <div class="error" id="grade-error1">请输入年级</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="school">所在学校</label>
                                    <input type="text" id="school1" class="form-input" required>
                                    <div class="error" id="school-error1">请输入学校名称</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="schoolRegion">学校所在地区</label>
                                    <input type="text" id="schoolRegion1" class="form-input" required
                                        placeholder="省/市/区">
                                    <div class="error" id="schoolRegion-error1">请输入学校所在地区</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label required" for="phone">联系电话</label>
                            <input type="tel" id="phone1" class="form-input" required pattern="[0-9]{11}">
                            <div class="error" id="phone-error1">请输入11位手机号码</div>
                        </div>
                    </form>

                </div>
                <div class="file-upload">
                    <!-- <div class="upload-icon">📷</div> -->
                    <label class="form-label required" for="photo">上传文件</label>
                    <input type="file" id="photo" required>
                    <div class="error" id="photo-error">请上传照片</div>
                </div>
                <button type="submit" class="submit-btn" onclick="submitData()">提交报名</button>
            </div>
        </div>
    </div>

    <script>
        // 切换下载和报名区域
        document.getElementById('downloadBtn').addEventListener('click', function () {
            document.getElementById('downloadBtn').classList.add('active');
            document.getElementById('registerBtn').classList.remove('active');
            document.getElementById('downloadSection').classList.add('active');
            document.getElementById('registrationSection').classList.remove('active');
        });

        document.getElementById('photo').addEventListener('change', function (e) {
            // 拼接文件名：身份证号_姓名_比赛类型_原文件名
            const idNumber = document.getElementById('idNumber1').value;
            if (!idNumber) {
                alert('请先填写身份证号');
                e.target.value = ''; // 清空已选择的文件
                return;
            }
            const file = e.target.files[0];
            if (!file) return;
            console.log('选择文件:', file);

            const fileName = `${idNumber}/${file.name}`;

            var bucket = new window.AWS.S3({ params: { Bucket: 'ccrb' } });
            var params = {
                Key: fileName,
                ContentType: file.type,
                Body: file,
                'Access-Control-Allow-Credentials': '*',
                'ACL': 'public-read'
            };
            console.log(params)
            bucket.upload(params, function (err, data) {
                if (err) {
                    console.error('上传失败:', err);
                    alert('文件上传失败');
                } else {
                    console.log('上传成功:', data);
                    alert('文件上传成功');
                }
            });
        });

        document.getElementById('registerBtn').addEventListener('click', function () {
            document.getElementById('registerBtn').classList.add('active');
            document.getElementById('downloadBtn').classList.remove('active');
            document.getElementById('registrationSection').classList.add('active');
            document.getElementById('downloadSection').classList.remove('active');
        });

        let num = 1;
        function addContestant() {
            num = num + 1;
            const html = document.getElementById('formContainer');
            const h3Create = document.createElement('h3');
            h3Create.innerText = `选手${num}：`;
            html.appendChild(h3Create);
            const brCreate = document.createElement('br');
            html.appendChild(brCreate);
            const formCrate = document.createElement('form');
            formCrate.id = `registrationForm${num}`;
            formCrate.innerHTML = `<div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="name">姓名</label>
                                    <input type="text" id="name${num}" class="form-input" required>
                                    <div class="error" id="name-error${num}">请输入姓名</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="gender">性别</label>
                                    <select id="gender${num}" class="form-input" required>
                                        <option value="">请选择</option>
                                        <option value="male">男</option>
                                        <option value="female">女</option>
                                    </select>
                                    <div class="error" id="gender-error${num}">请选择性别</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="ethnicity">民族</label>
                                    <input type="text" id="ethnicity${num}" class="form-input" required>
                                    <div class="error" id="ethnicity-error${num}">请输入民族</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="birthdate">出生年月</label>
                                    <input type="date" id="birthdate${num}" class="form-input" required>
                                    <div class="error" id="birthdate-error${num}">请选择出生年月</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="email">电子邮箱</label>
                                    <input type="email" id="email${num}" class="form-input" required>
                                    <div class="error" id="email-error${num}">请输入有效的电子邮箱</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="idNumber">身份证号码</label>
                                    <input type="text" id="idNumber${num}" class="form-input" required pattern="\d{17}[\dXx]">
                                    <div class="error" id="idNumber-error${num}">请输入18位身份证号码</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="group">组别</label>
                                    <select id="group${num}" class="form-input" required>
                                        <option value="">请选择</option>
                                        <option value="1">小学组</option>
                                        <option value="2">初中组</option>
                                        <option value="3">高中组</option>
                                        <option value="4">大学组</option>
                                    </select>
                                    <div class="error" id="group-error${num}">请选择组别</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="grade">年级</label>
                                    <input type="text" id="grade${num}" class="form-input" required>
                                    <div class="error" id="grade-error${num}">请输入年级</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="school">所在学校</label>
                                    <input type="text" id="school${num}" class="form-input" required>
                                    <div class="error" id="school-error${num}">请输入学校名称</div>
                                </div>
                            </div>

                            <div class="form-col">
                                <div class="form-group">
                                    <label class="form-label required" for="schoolRegion">学校所在地区</label>
                                    <input type="text" id="schoolRegion${num}" class="form-input" required
                                        placeholder="省/市/区">
                                    <div class="error" id="schoolRegion-error${num}">请输入学校所在地区</div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="form-label required" for="phone">联系电话</label>
                            <input type="tel" id="phone${num}" class="form-input" required pattern="[0-9]{11}">
                            <div class="error" id="phone-error${num}">请输入11位手机号码</div>
                        </div>`;
            html.appendChild(formCrate);

        }

        async function submitData() {
            const requiredFields = ['name', 'gender', 'ethnicity', 'birthdate', 'email',
                'idNumber', 'group', 'grade', 'school', 'schoolRegion', 'phone',];
            let formData = [];
            let idNumber = '';
            let idError = '';
            let phone = '';
            let phoneError = '';
            for (let i = 1; i <= num; i++) {
                let element = null;
                let errorElement = null;
                let isValid = true;
                requiredFields.forEach(field => {
                    element = document.getElementById(field + i);
                    errorElement = document.getElementById(`${field}-error` + i);
                    if (!element.value) {
                        errorElement.style.display = 'block';
                        isValid = false;
                    } else {
                        errorElement.style.display = 'none';
                    }
                });

                // 验证身份证格式
                idNumber = document.getElementById('idNumber' + i);
                idError = document.getElementById('idNumber-error' + i);
                if (!/^\d{17}[\dXx]$/.test(idNumber.value)) {
                    idError.style.display = 'block';
                    isValid = false;
                } else {
                    idError.style.display = 'none';
                }

                // 验证手机号格式
                phone = document.getElementById('phone' + i);
                phoneError = document.getElementById('phone-error' + i);
                if (!/^[0-9]{11}$/.test(phone.value)) {
                    phoneError.style.display = 'block';
                    isValid = false;
                } else {
                    phoneError.style.display = 'none';
                }

                if (!isValid) {
                    alert(`选手${num}填写信息有误，请重新填写`);
                    return;
                };

                formData.push({
                    name: document.getElementById('name' + i).value,
                    gender: document.getElementById('gender' + i).value,
                    ethnicity: document.getElementById('ethnicity' + i).value,
                    birthdate: document.getElementById('birthdate' + i).value,
                    email: document.getElementById('email' + i).value,
                    idNumber: document.getElementById('idNumber' + i).value,
                    group: document.getElementById('group' + i).value,
                    grade: document.getElementById('grade' + i).value,
                    school: document.getElementById('school' + i).value,
                    schoolRegion: document.getElementById('schoolRegion' + i).value,
                    phone: document.getElementById('phone' + i).value,
                })
            }
            console.log('表单数据:', document.getElementById("selectType").value);
            
            try {
                // 收集表单数据
                const formDataObj = {
                    type: 1, // 报名类型，1代表个人报名，2代表团队报名
                    uploadUrl: "", // 上传文件的URL
                    idCard: "", // 选手身份证号拼接
                    user: formData
                };

                // 发送报名信息请求
                // const registerResponse = await fetch('https://api.example.com/register', {
                //     method: 'POST',
                //     headers: {
                //         'Content-Type': 'application/json'
                //     },
                //     body: JSON.stringify(formDataObj)
                // });

                // if (!registerResponse.ok) {
                //     throw new Error('报名提交失败');
                // }

                // const registerData = await registerResponse.json();
                // alert(`报名成功！您的报名ID: ${registerData.id}`);
                // document.getElementById('registrationForm').reset();

            } catch (error) {
                console.error('提交错误:', error);
                alert(`报名失败: ${error.message}`);
            }
        }
        

        fetch("http://localhost:8080/api/user",{
            method:"POST",
            headers:{
                "Content-Type":"application/json"
            },
            body:JSON.stringify({name:"张三",age:18} )
        }).then(res=>res.json()).then(res=>{
            console.log(res)
        })
    </script>
</body>

</html>