07-ajax
AJAX
ange997
天道酬勤
地道酬善
人道酬诚
商道酬信
业道酬精
展开
-
07-09-jwt鉴权用户登录
session鉴权 后台页面 <script src="./jquery-1.11.3.min.js"></script> <body> <h1>这是后台首页面</h1> <button id="logout">退出登录</button> <script> $.get("/api/getUserInfo",function (res) { if(原创 2020-08-16 20:14:15 · 268 阅读 · 0 评论 -
07-08-前端模板引擎前端渲染页面渲染真实数据
art-template 艺术美术-模板 art-template 是一个简约、超快的模板引擎。中文官网首页为: http://aui.github.io/art-template/zh-cn/index.html art-template的使用步骤 导入 art-template 定义数据 定义模板 调用 template 函数 渲染HTML结构 标准语法: art-template 提供了 {{ }} 这种语法格式,在 {{ }} 内可以进行变量输出,或循环数组等操作,这种 {{ }} 语法在 ar原创 2020-08-16 19:42:54 · 271 阅读 · 0 评论 -
07-08-新的ajax之axios
(1).为何需要新的ajax方式 由于近几年来,前端的开发方式发生了变化。 主要是体现: 前后端分离 mv*框架的大力发展 比如,现在典型的前端,需要掌握vue.js/recat.js/angular等框架来进行开发。 针对vue.js/react.js/angular,有如下特点: 提倡数据驱动DOM 遵循前后端分离开发思想 在数据驱动DOM的开发模式中,我们再也不需要进行dom操作了。只需要去设置状态即可,界面会根据状态来进行相应的显示(本质是dom操作由框架本身来实现的)。因此,在使用vue.原创 2020-08-16 18:26:54 · 144 阅读 · 0 评论 -
07-07-promise
什么是promise 本意是承诺。 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了promise对象。 所谓promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。 如何理解: 没有异步就不需要prom原创 2020-08-16 18:16:40 · 163 阅读 · 0 评论 -
07-04-分页
传统分页显示 (1).分页原理 从两个方面: 数据库查询 传递分页参数 A.从数据库查询的角度来分析 设定,每一页显示5条,使用pagesize表示,当前是第几页使用page表示 第一页,db.blog.find({},{_id:0}).limit(5).skip(0) 第二页,db.blog.find({},{_id:0}).limit(5).skip(5) 第三页,db.blog.find({},{_id:0}).limit(5).skip(10) … 第n页,db.blog.find({},{_id原创 2020-08-16 17:43:43 · 154 阅读 · 0 评论 -
07-03-跨域(重重点)
什么是跨域 (1).何为跨域? 是指通过js在不同的域之间进行数据传输或通信,如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。 (2).什么情况下有跨域? 三点: 针对不同的域,才会存在跨域问题。比如在localhost域名中,访问自己的,就不存在跨域。 必须是使用js的情况。比如直接在地址栏中输入url,不存在跨域。 必须是在浏览器端。比如在服务端,不存在跨域 (3).什么样的域才是不同的域? 在一个完整的url中,跨域中的域,包括如下三个方面: 协议原创 2020-08-16 11:58:54 · 126 阅读 · 0 评论 -
07-01-jQuery中的Ajax方法,三种请求检测用户名(重点)
注意点 提醒:智能猜测不可靠,必须要自己写上。 .get和.get和.get和.post都是异步方式 方法名必须是小写。(js严格区分大小写) 这里的get()和post()是一个全局方法,可以理解为静态方法 callback指定的回调函数只有在请求成功时才会执行,如果请求失败(例如找不到页面、服务器错误等)则不作任何处理。 $.get() $.get(url, [data], [callback] ,type),GET方式异步请求 用户名登录 app.get("/check",(req,res) =原创 2020-08-16 10:57:18 · 149 阅读 · 0 评论 -
07-01-传统ajax(了解)
ajax简介 Ajax:Asynchronous javascript and xml,异步的javascript和xml。 是指一种创建交互式网页应用的网页开发技术。 Ajax只是一门综合性的技术,本身是老技术,新应用。 这些技术就包括了: 服务端:服务端的语言(php、node),数据库(mysql、mongodb) 浏览器端:HTML、CSS、JavaScript、DOM 连接:HTTP、XMLHttpRquest对象 需求 (1).提升用户体验 Ajax的出现,就可以让B/S架构能够具备C/S架原创 2020-08-16 10:34:06 · 277 阅读 · 0 评论