写一个美美哒前端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            font-family: "Microsoft YaHei", serif;
        }

        body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
            margin: 0;
        }

        ol, ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        img {
            border: none
        }
    </style>
</head>
<body>

<div id="wrap"></div>
<script>
    // AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。  现在是json

    var $ = {
        ajax : function (arg) {
            var
                type = arg.type || "GET",
                url = arg.url,
                data = arg.data || {},
                success = arg.success,
                error = arg.error;

            // 1111 创建一个xhr对象，用来发送ajax请求和接受数据   兼容ie
            var xhr;
            if (window.XMLHttpRequest){
                xhr = new XMLHttpRequest();  //兼容ie
            }else{
                xhr = new ActiveXObject("Microsoft.XMLHTTP");  // 常用浏览器
            }

            if (data) {
                var html = "?";
                for (var i in data) {
                    html += i + "=" + data[i] + "&";
                }
                html = html.substring(0, html.length - 1);
                url += html;
            }

            // 2222 发送的准备  类型  路由  是否异步   一般都是异步
            xhr.open(type , url , true);

            // 3333 发送
            xhr.send();

            // xhr.status 状态码
            // 100+  请求已被接受，需要继续处理
            // 200+  请求已成功被接受和处理
            // 300+  通常代表重定向
            // 400+  客户端请求发生了错误
            // 500+  服务端发生了错误

            // 4444 监听状态   当状态是4 状态码是200的时候  就可以接受到返回的数据了
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    console.log(xhr.responseText);
                }
            };

        }
    };



    $.ajax({
        type : "GET",
        url : "qwe.com.cn",
        data : {"name":"knight","age":18},
        success :function (msg) {

        },
        error : function (err) {

        }
    });


</script>
</body>
</html>
Python3Turtle