![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Express
教练我真的想敲代码
这个作者很懒,什么都没留下…
展开
-
126JQajax-$.ajax()方法、发送jsonp、get、post、表单serialize=121、113
上图jq封装好了ajax,想用可以直接调用接受服务器端传递回来的数据如果是json可以省去转换的步骤// response为服务器端返回的数据// 方法内部会自动将json字符串转换为json对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$.ajax方法基本使用</title></head><bod原创 2020-08-02 23:18:29 · 144 阅读 · 0 评论 -
125Ajax-withCredentials属性携带cookie信息
withCredentials属性在使用Ajax技术发送跨域请求时,默认情况下不会在请求中携带cookie信息。withCredentials:指定在涉及到跨域请求时,是否携带cookie信息,默认值为falseAccess-Control-Allow-Credentials:true 允许客户端发送请求时携带cookie客户端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-08-02 22:04:30 · 239 阅读 · 0 评论 -
124Ajax-同源非同源、CORS跨域资源共享、第三方request向其他服务器端发送请求
在服务器端做一些配置,服务器端允许你非同源访问你就可以访问,不允许你访问就不可以访问,不同于jsonp模拟ajax客户端不需要操作更改什么,正常ajax访问就可以两张方式1、html直接访问其他服务器端【需要Access-Control-Allow】2、html访问自家服务器端,由自家服务器端通过第三方request在发送请求到其他服务器【服务器之间请求不需要Access-Control-Allow】服务器端// 拦截所有请求app.use((req, res, next) => {原创 2020-08-02 21:31:02 · 195 阅读 · 0 评论 -
121Ajax-FormData模拟HTML表单搭配formidable 服务器端接收解析、操作属性值、二进制文件上传=113、115、预览图片=116
FormData 对象的作用1模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。2异步上传二进制文件3Formdata 对象不能用于 get 请求,因为对象需要被传递到 send 方法中,而 get 请求方式的请求参数只能放在请求地址的后面。4服务器端 bodyParser 不能接收客户端向服务器端穿的formdata对象 模块不能解析 formData 对象表单数据,我们需要使用 formidable 模块进行解析使用步骤1. 准备 HTML 表原创 2020-08-02 13:55:43 · 202 阅读 · 0 评论 -
120Ajax-模板引擎客户端ajax请求拼接数据+template.render
模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。官方地址: https://aui.github.io/art-template/zh-cn/index.html安装 npm install art-template --save (这是用在服务器端的)而在浏览器中实时编译需要下载:template-web.js(gzip: 6kb)...原创 2020-08-01 23:29:55 · 187 阅读 · 0 评论 -
119Ajax-ajax错误处理、低版本ie缓存问题、函数封装
ajax错误处理可以判断服务器端返回的状态码,分别进行处理,xhr.status获取http状态码/* 1. 网络畅通,服务器端能接收到请求,服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码,分别进行处理。xhr.status 获取http状态码*//* 2. 网络畅通,服务器端没有接收到请求,返回404状态码。检查请求地址是否错误。*//* 3. 网络畅通,服务器端能接收到请求,服务器端返回500状态码。服务器端错误,找后端程序员进行沟通 *//* 4. 网原创 2020-08-01 22:49:25 · 132 阅读 · 0 评论 -
118Ajax-运行原理及实现、json对象格式数据处理、GET\POST请求参数传递
Ajax 技术需要运行在网站环境中才能生效,当前使用Node创建的服务器作为网站服务器。不要直接打开html不会生效,借助node开启网站服务器,实现静态资源访问功能实现步骤<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script ty原创 2020-08-01 21:36:42 · 287 阅读 · 0 评论 -
117Express-第三方数据分页 mongoose-sex-page
const pagination = require('mongoose-sex-page');pagination(集合构造函数).page(1) .size(20) .display(8) .exec();原创 2020-07-31 23:38:51 · 893 阅读 · 0 评论 -
115file-form表单提交二进制文件上传
enctype属性 enctype 指定表单数据的编码类型 默认是application/x-www-form-urlencoded name=zhangsan&age=22 改成二进制(涉及文件上传必须二进制) enctype="multipart/form-data"<form class="form-container" action="/admin/article-add" method="post" enctype="multipart/f原创 2020-07-31 21:48:40 · 538 阅读 · 0 评论 -
114Express-第三方模块数据库Joi规则描述验证器+错误信息传递
下载npm install joi需要加async await 使用方法//JavaScript对象的规则描述语言和验证器//引入const Joi = require('joi');//定义一个变量schema接收验证规则const schema = { //字符串类型、只能是字母数字字符串、最大最小长度、必填项、自定义错误信息 username: Joi.string().alphanum().min(3).max(30).required().error(new Error(‘原创 2020-07-31 13:52:12 · 827 阅读 · 0 评论 -
113Express-session和cookie登陆
cookiecookie:浏览器在电脑硬盘中开辟的一块空间,主要供服务器端存储数据。cookie中的数据是以域名的形式进行区分的。cookie中的数据是有过期时间的,超过时间数据会被浏览器自动删除。cookie中的数据会随着请求被自动发送到服务器端。sessionsession:实际上就是一个对象,存储在服务器端的内存中,在session对象中也可以存储多条数据,每一条数据都有一个sessionid做为唯一标识express-session第三方// 在node.js中需要借助express原创 2020-07-30 23:40:35 · 243 阅读 · 0 评论 -
112Express-密码加密bcrypt、mongoose数据库连接、账号密码非写死、并判断当前环境为开发还是生产环境
数据库明文存储密码不安全bcrypt哈希加密是单程加密方式,只能加密不能解密 1234-abcd在加密的密码中加入随机字符串可以增加密码被破解的难度依赖的环境bcrypt依赖的其他环境python 2.x 安装完配置环境变量 【资源见上传资源】安装好后需要配置到环境变量中node-gypnpm install -g node-gypwindows-build-toolsnpm install --global --production windows-build-too原创 2020-07-30 23:24:51 · 331 阅读 · 0 评论 -
113JQ-使用serializeArray将获取到的表单数组格式转换成对象格式=121、125
代码function serializeToJson(form) { var result = {}; // 返回值是数组[{name:'email',value:'用户输入的内容'},{name:'password',value:''}] var f = form.serializeArray(); f.forEach(function (item) { result[item.name] = item.value; }) // {原创 2020-07-30 22:04:40 · 234 阅读 · 0 评论 -
111Express-静态资源路径设置后的坑+include和require的路径不需要写绝对路径
设置完静态路径后art模板里面的css 、js路径存在的坑要加一个/表示相对于public下绝对路径的开始否则加载不出来静态资源原创 2020-08-12 23:07:19 · 209 阅读 · 0 评论 -
110Express-内置的express.static配置静态资源路径+express-art-template设置模板根目录、设置模板默认后缀+res.render渲染模板app.locals
express.static配置静态资源路径通过express内置的express.static可以方便的托管静态文件,例如img、css、js文件等const express = require('express');const path = require('path');const app = express();// 实现静态资源访问功能app.use(express.static(path.join(__dirname, 'public')))// 端口监听app.listen(原创 2020-07-30 15:26:01 · 636 阅读 · 0 评论 -
109Express-GET、POST参数获取(待补全post获取文件格式的)二进制文件指定上传地址formidable设置路径uploads
GET参数获取 req.queryexpress框架中使用req.query即可获得get参数,框架内部会将get参数转换为对象并返回接收地址栏中问号后面的参数例如http://localhost:3000/index?name=zhangsan&age=30const express = require('express')const app = express();app.get('/index', (req, res) => { console.log(req.que原创 2020-07-30 13:58:08 · 522 阅读 · 0 评论 -
108Express-创建网站服务器、send()、中间件next()use()、错误处理中间键、路由
创建网站服务器const express = require('express');const app = express();send()替代res.end()// 1send会检测内部响应内容的类型 自动设置到响应头中// 2会自动设置http状态码// 3会自动设置响应的内容类型及编码app.get('/', (req, res) => { res.send('hello express')})中间件next// 中间件就是一堆方法,可以接受客户端发来的请求,可原创 2020-07-30 13:06:28 · 240 阅读 · 0 评论 -
107Express-Express框架下载+与原生的区别
express是一个基于node平台的web应用开发框架,他提供了一系列的强大特性,创建各种web应用下载npm install express特性将router是从这个里面抽取出来的1、提供了方便简洁的路由定义方式2、对获取http请求参数进行了简化处理【各种请求参数的处理很复杂、各种请求路径处理、路由等等】路由与老版区别参数处理区别...原创 2020-07-29 21:50:50 · 161 阅读 · 0 评论