Ajax
文章平均质量分 86
Jdoit CW
一个要做全栈的前端小陈
Just move on---陈稳
展开
-
解决接口响应快慢导致的数据渲染问题
解决接口响应快慢导致的数据渲染问题原创 2022-04-05 14:25:38 · 2312 阅读 · 0 评论 -
都前后端分离啦,还不看看注意点
目标能说出常见的开发模式及其优劣对前后端分离的开发模式着重展示对自己在还原项目时觉得值得注意的地方进行记录1. 开发模式1.1 web开发模式的变化最早,混合开发,由后端主导,前端写的代码,会交给后端,后端将自己写的代码与前端代码混合在一起,拼接成模板字符串,也称为后端渲染。这样的话,前端代码和后端代码融合在一个文件中,前端代码会被破坏,分工也不明确,代码多,很难排错,花费时间长,效率不高;在这样的情况下,出现一种mvc开发模式,前后端分离,前端代码不会被破坏,而是在视图环节参与进原创 2020-06-25 18:13:01 · 12918 阅读 · 0 评论 -
拿下Mockjs 要了解下嘛
目标懂得什么是mock明白mock的基本用法了解json5的作用会使用mock和vue-cli结合会把mock应用于原生、jquery中的ajax请求1. Mock1.1 Mock简介Mock.js,生成随机数据,拦截Ajax请求Mock官网http://mockjs.com/1.2 Mock实战作用当前端工程师要独立于后端并行开发时,后端接口还没有完成(只有后端提供参考的接口文档),那么前端怎么获取数据。前端自己搭建web server自己模拟假数据,为了使数据更接近于实际需原创 2020-06-13 21:10:59 · 12853 阅读 · 2 评论 -
模板引擎,让交互变得优雅
目标了解模板引擎会使用模板语法写在前面写在前面:在我们拿到服务器响应的数据时,我们会用何种方式对其渲染呢,当然我觉得机智的你们指定用模板引擎。唉(我也不想再吃模板字符串的苦啦),模板引擎用途十分广泛,其可进行后端渲染(npm安装),也可进行前端渲染(本文以前端渲染为例)。当然不管是哪种渲染方式,其模板语法一致。1. 模板引擎本文着重对模板引擎常用语法进行描述,更多语法使用技巧,请以官方文档为主文档:http://aui.github.io/art-template/zh-cn/Githu原创 2020-06-19 13:00:30 · 11660 阅读 · 0 评论 -
1:Ajax编程基础
一:Ajax基础传统网站中存在的问题:1.网速慢的情况下,页面加载时间长,用户只能等待2.表单提交后,如果一项内容不合格,需要重新填写所有表单内容3.页面跳转,重新加载页面,造成资源浪费,增加用户等待时间Ajax 概述1.Ajax:标准读音 [ˈeɪˌdʒæks] ,中文音译:阿贾克斯2.它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验Ajax 的应...原创 2020-05-06 18:19:22 · 3360 阅读 · 0 评论 -
2:Ajax进阶(案例)
一:模板引擎1.模板引擎概述:作用:使用模板引擎提供的模板语法,可以将数据和 HTML 拼接起来。官方地址: https://aui.github.io/art-template/zh-cn/index.html2.使用步骤下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件<script src="./js/template-web.js">...原创 2020-05-07 20:00:48 · 3221 阅读 · 0 评论 -
3:Ajax进阶(FormData)
FormData1.FormData 对象的作用模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。异步上传二进制文件2.FormData 对象的使用准备 HTML 表单<form id="form"> <input type="text" name="username" /> <i...原创 2020-05-07 20:16:04 · 3291 阅读 · 0 评论 -
4:Ajax进阶(同源策略)
同源政策1.Ajax请求限制Ajax 只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站,A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求,B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求,但是 A 网站是不能向 B 网站发送 Ajax请求的,同理,B 网站也不能向 A 网站发送 Ajax请求。2.什么是同源如果两个页面拥有相同的协议、域名和端...原创 2020-05-08 22:14:40 · 3619 阅读 · 2 评论 -
5:jQuery中的Ajax
一:$.ajax()1.$.ajax()方法概述作用:发送Ajax请求。$.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-form-urlencoded', beforeSend: function () { return false原创 2020-05-09 20:44:44 · 3248 阅读 · 0 评论 -
6:$.ajax案例(todo)
Todo案例1.为todo数据库添加账号使用mongo命令进入mongodb数据库使用use admin命令进入到admin数据中使用db.auth(‘root’, ‘root’)命令登录数据库使用use todo命令切换到todo数据库使用db.createUser({user: ‘itcast’, pwd: ‘itcast’, roles: [‘readWrite’]})创建todo数据库账号使用exit命令退出mongodo数据库注意:若数据库没有账号,此处可省略(关于加密方式,点击原创 2020-05-10 20:06:41 · 3452 阅读 · 0 评论 -
7:RESTful 和 XML
一:RESTful 风格的 API1.传统请求地址回顾GET http://www.example.com/getUsers // 获取用户列表GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息POST http://www.example.com/modifyUser // 修改用户信息GET http://www.example.com/deleteUser?id=1 // 删除用户信息2.RE原创 2020-05-11 11:33:50 · 3809 阅读 · 0 评论