随笔分类 -  Ajax

XML
摘要：XML的全称是extensible markup language，代表可扩展标记语言，它的作用是传输和存储数据。 <students> <student> <sid>001</sid> <name>张三</name> </student> <student> <sid>002</sid> <nam 阅读全文
posted @ 2020-06-10 11:06 浮华夕颜 阅读(161) 评论(0) 推荐(0)
RESTful风格的API
摘要：传统请求地址方式： GET http://www.example.com/getUsers // 获取用户列表 GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息 POST http://www.example.com/modifyUser 阅读全文
posted @ 2020-06-10 10:25 浮华夕颜 阅读(271) 评论(0) 推荐(0)
案例：toDoList
摘要：实现功能如下： 1. 连接MySQL数据库 ① 使用navicat创建todolist数据库，并新建task表 CREATE TABLE `task` ( `id` varchar(255) NOT NULL, `title` varchar(255) NOT NULL, `completed` t 阅读全文
posted @ 2020-06-09 23:25 浮华夕颜 阅读(822) 评论(0) 推荐(0)
jQuery中的Ajax
摘要：1. $.ajax()方法：发送Ajax请求 $.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-for 阅读全文
posted @ 2020-06-07 23:33 浮华夕颜 阅读(297) 评论(0) 推荐(0)
案例：腾讯天气
摘要：腾讯天气接口： 请求地址 https://wis.qq.com/weather/common 请求方式 get支持jsonp 参数 参数名 必选 类型 说明 source 是 string pc、xw weather_type 是 string forecast_1h 未来48小时 forecast 阅读全文
posted @ 2020-06-07 20:05 浮华夕颜 阅读(1247) 评论(0) 推荐(1)
同源政策
摘要：Ajax请求限制： Ajax只能向自己的服务器发送请求。比如现在有一个A网站、 有一个B网站， A网站中的HTML文件只能向A网站服务器中发送Ajax请求，B网站中的HTML文件只能向B网站中发送Ajax请求，但是A网站是不能向B网站发送Ajax请求的，同理，B网站也不能向A网站发送Ajax请求。 阅读全文
posted @ 2020-06-07 14:21 浮华夕颜 阅读(341) 评论(0) 推荐(0)
FormData
摘要：1. FormData对象的作用： ① 模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式 ② 异步上传二进制文件 2. FormData对象的使用： ① 准备HTML表单 注意： 这个表单不需要请求方式和请求地址，这些内容可以在Ajax中设置。 for 阅读全文
posted @ 2020-06-07 09:45 浮华夕颜 阅读(758) 评论(0) 推荐(0)
案例：省市区三级联动
摘要：实现功能如下： 1. 通过接口获取省份信息2. 使用JavaScript获取到省市区下拉框元素3. 将服务器端返回的省份信息显示在下拉框中4. 为下拉框元素添加表单值改变事件(onchange)5. 当用户选择省份时，根据省份id获取城市信息6. 当用户选择城市时，根据城市id获取县城信息 获取省份 阅读全文
posted @ 2020-06-06 23:24 浮华夕颜 阅读(697) 评论(0) 推荐(0)
案例：搜索框内容自动提示
摘要：实现功能如下： 1. 获取搜索框并为其添加用户输入事件2. 获取用户输入的关键字3. 向服务器端发送请求并携带关键字作为请求参数4. 将响应数据显示在搜索框底部 搜索框输入自动提示接口： 简要描述 根据用户在文本框中输入的关键字，匹配相关内容 请求地址 /searchAutoPrompt 请求方式 阅读全文
posted @ 2020-06-06 22:35 浮华夕颜 阅读(1752) 评论(0) 推荐(0)
案例：验证邮箱地址唯一性
摘要：实现功能如下： 1. 获取文本框并为其添加离开焦点事件2. 离开焦点时，检测用户输入的邮箱地址是否符合规则3. 如果不符台规则，阻止程序向下执行并给出提示信息4. 向服务器端发送请求，检测邮箱地址是否被别人注册5. 根据服务器端返回值决定客户端显示何种提示信息 验证邮箱的正则表达式为：/^[A-Za 阅读全文
posted @ 2020-06-06 21:38 浮华夕颜 阅读(570) 评论(0) 推荐(0)
客户端使用模板引擎
摘要：模板引擎的作用：使用模板引擎提供的模板语法，可以将数据和HTML拼接起来。 使用npm安装的模板引擎是在服务器端使用的：npm install art0template --save 而浏览器端的模板引擎是需要下载template-web.js文件的，并且要引入到页面中。 官方地址：https:// 阅读全文
posted @ 2020-06-06 16:18 浮华夕颜 阅读(236) 评论(0) 推荐(0)
Ajax
摘要：Ajax基础 Ajax运行原理及实现 Ajax异步编程 1. Ajax基础 传统网站啊中存在的问题： 网速慢的情况下，页面加载时间长，用户只能等待 表单提交后，如果一项内容不合格，需要重新填写所有表单内容 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间 Ajax是浏览器提供的一套方法，可以实 阅读全文
posted @ 2020-06-04 18:06 浮华夕颜 阅读(192) 评论(0) 推荐(0)