用异步交互方式实现学生信息的添加，求大佬给个代码，太为难我这个小萌新了

我也太难了吧，求大佬给个代码参考一下，不胜感激。

解决方案 »

  1.   

    ajax请求就是异步的啊
      

  2.   


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <textarea id="result" style="width:80%;height:600px;"></textarea>
        <button id="btn1">添加学生信息</button>
    </body>
    <script type="text/javascript">
        function $(id) {
            return document.getElementById(id)
        }    const students = []
        function showResult() {
            var result = JSON.stringify(students, null, 4)
            if (!students.length) result = "当前无学生信息"
            $("result").value = result
        }
        function afterSeconds(delay = 1000) {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve()
                }, delay);
            })
        }
        async function addStudent(student) {
            await afterSeconds()
            students.push(student)
        }
        showResult()
        $("btn1").addEventListener("click", function () {
            addStudent({name: "张三",sex: "男",})
            .then(res => {
                showResult()
                return addStudent({name: "李四",sex: "女",})
            })
            .then(res => {
                showResult()
            })
        }, false)
    </script>
    </html>
      

  3.   

    看下ajax