Ajax --- 客户端与服务器端之间传递数据

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
            <script src="js/app.js"></script>
            <script>
                //从服务器获取数据发送 ajax
                function getBlogs() {
                    $.ajax({
                        type: 'get',//请求的方法是get
                        url: 'blog',//请求的URL是blog 对应后端 @WebServlet("/blog");
                        //  获取成功, 则 body 就是一个 js 对象数组. 每个元素就是一个博客
                        success: function (body) {
                            let container = document.querySelector('.container-right');
                            for (let blog of body) {//遍历，和java中的for-each类似
                                //每个 clss=blog 的div   就是一个博客
                                let blogDiv = document.createElement('div');
                                blogDiv.className = 'blog';
                                //构造博客标题
                                let titleDiv = document.createElement('div');
                                titleDiv.className = 'title';
                                //构造博客日期
                                let dateDiv = document.createElement('div');
                                dateDiv.className = 'date';
                                //构造博客摘要 desc
                                let descDiv = document.createElement('div');
                                dateDiv.className = 'desc';
                                //构造查看全文按钮
                                let a = document.createElement('a');
                                a.href = 'blog_detail.html?blogId=' + blog.blogId;//这里表示 如果blogID为null则返回博客列表，如果有id则返回一个博客的详情页
                                a.innerHTML = '查看全文 &gt;&gt;';//&gt是一个转义字符 表示 '>'
                                //拼装并获得最终结果
                                blogDiv.appendChild(titleDiv);
                                blogDiv.appendChild(dateDiv);
                                blogDiv.appendChild(descDiv);
                                blogDiv.appendChild(a);
                                container.appendChild(blogDiv);//把这个准备好的博客放到 container 中
                            }
                        }
                    });
                }
            </script>