Ajax
Ajax学习笔记
1oneLee
这个作者很懒,什么都没留下…
展开
-
Ajax基础到实战(七)——Todo List 案例
1.需要实现的目标功能: Todo List我们可以在文本框中输入代办的事项,点击回车键就可以添加待办事项,双击代办事项可以实现修改功能,点击待办事项前的小圆圈可以实现将状态设置为已完成状态,点击待办事项后面的叉叉可以删除本条待办事项。2. 为 todo 数据库添加账号使用 mongo 命令进入 mongodb数据库使用 use admin 命令进入 admin数据库中使用db.auth( ‘root’, ‘root’ ) 命令登录数据库使用use todo 命令 切换到todo数据库使用原创 2020-11-22 19:20:08 · 299 阅读 · 0 评论 -
Ajax基础到实战——同源政策(2)
1. CORS 跨域资源共享CORS:全称是 Cross-origin resource sharing,即跨域资源共享,它允许浏览器向跨域服务器发送Ajax请求,客服了Ajax只能同源使用的限制。服务器端允许你跨域访问它你就可以跨域访问它,服务器端不允许你跨域访问它你就不能访问它,这种解决方案主要就是在服务器端做一些配置,客户端保持原有的Ajax代码不变即可。整个跨域的请求过程:当客户端向服务器端发送请求时,如果浏览器检测到这个请求时跨域的,就会自动在请求头中加入 origin字段,字段的值就是原创 2020-11-12 21:57:57 · 155 阅读 · 0 评论 -
Ajax基础到实战(五)——同源政策
1. Ajax请求限制2. 什么是同源3. 同源政策的目的测试同源限制项目的文件夹结构如上图所示,在同源政策文件夹下新建s1、s2两个文件夹,两个文件夹对应的服务其接口分别为 3000 和 3001。在s1文件夹下的public文件夹中新建: 01.测试非同源Ajax请求.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2020-11-11 11:01:33 · 219 阅读 · 1 评论 -
Ajax基础到实战(四)——formData对象
1. formData对象的作用模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。异步上传二进制文件2. formData对象的使用准备HTML表单<form id="form"> <input type="text" name="username"> <input type="password" name="password"> <input type原创 2020-10-29 20:52:05 · 1018 阅读 · 0 评论 -
Ajax基础到实战(三)——3个小案例
1. 验证邮箱地址的唯一性实现步骤:获取文本框并为其添加离开焦点事件离开焦点时,检测用户输入的邮箱地址是否符合规则(使用正则表达式验证即可)如果用户输入的邮箱地址不符合规则,阻止程序向下执行,同时给出提示信息如果用户输入的邮箱地址符合规则,则向服务器端发送请求,检测邮箱地址是否被别人注册根据服务器端返回值决定客户端显示何种提示信息02.检测邮箱地址唯一性.html:<!DOCTYPE html><html lang="en"><head>原创 2020-10-29 17:29:52 · 736 阅读 · 0 评论 -
Ajax基础到实战(二)——模板引擎
1. 模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据与HTML拼接起来。官方地址2. 使用步骤下载 art-template 模板引擎库文件并在HTML页面中引入库文件<script src="./js/template-web.js"></script>准备 art-template 模板告诉模板引擎将哪一个模板和哪一个数据进行拼接将拼接好的html字符串添加到页面中通过模板语法告诉模板引擎,数据和html字符串要如何拼接原创 2020-10-29 10:24:41 · 200 阅读 · 0 评论 -
Ajax基础到实战(一)——Ajax基础以及Ajax函数的封装(小白都能看的懂!!!)
1. Ajax基础1.1 传统网站中存在的问题1.2 Ajax概述1.3 Ajax的运行环境2. Ajax运行原理及实现2.1 Ajax运行原理Ajax相当于浏览器发送请求与接收响应的代理人,以实现在不影响用户浏览页面的情况下,局部更新页面数据,从而提高用户体验。2.2 Ajax的实现步骤基本用法示例在 server 文件夹下建立 public 文件夹和 app.js 文件,public 文件夹用来存放静态资源文件,在静态资源文件中创建 01.Ajax入门.html 文件。ap原创 2020-10-27 21:30:33 · 1164 阅读 · 4 评论