Ajax
可可克星
这个作者很懒,什么都没留下…
展开
-
如何实现图片上传功能
实现图片上传功能需求:选择图片头像,将所选头像图片展示在页面上并将地址保存在隐藏域中,再发送ajax创建代码:/ 当用户选择文件的时候$('#avatar').on('change', function() { // 用户选择到的文件 // this.files[0] var formData = new FormData(); formData.append('avatar', ...原创 2019-10-14 10:11:28 · 1033 阅读 · 0 评论 -
如何获取地址栏的id (参数)
获取地址栏的id需求:获取到地址栏传递过来的id值代码:方法一:(需要兼容性好)//创建URLSeachParams对象,使用对象来获取地址栏的参数 var temp = new URLSearchParams(location.search); var id = temp.get('id'); // console.log(id);方法二:(函数封装)//从...原创 2019-10-13 20:01:07 · 3634 阅读 · 0 评论 -
项目中如何做登录拦截功能
拦截功能需求:当在login.html页面时未登录账号,不能实现在地址栏输入地址进行跳转接口:解决方法:在每个html页面最上面写上如下代码代码:<script src="/login/status"></script> //登录状态的请求地址<script> //如果用户没有登录,就跳转到登录页面,要求用户登录 if (!isLo...原创 2019-10-11 20:33:07 · 921 阅读 · 0 评论 -
Ajax(一):ajax基础使用
Ajax基础Ajax的作用和特点作用:在前端网页发送请求获取后台服务器的数据特点:异步请求(不会刷新页面),局部刷新Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境Ajax技术需要运行在网站环境中才能生效Ajax运行原理及实现Ajax运行原理Ajax 相当于浏览器发送请求与接收响应的代理...原创 2019-09-24 19:53:20 · 251 阅读 · 0 评论 -
ajax封装代码
ajax的函数封装完整版,了解原理看得懂即可 function ajax (options) { // 存储的是默认值 var defaults = { type: 'get', url: '', data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded'...原创 2019-09-24 20:08:14 · 696 阅读 · 0 评论