Ajax
文章平均质量分 52
她还会来吗
长夜将至,我从今开始守望
展开
-
使用JSONP解决同源限制问题
Ajax请求限制Ajax只能向自己的服务器发送请求同源:如果两个页面拥有相同的协议,端口和域名,那么这两个页面就属于同一个源,其中只要一个不相同,就是不同源同源政策的目的:为了保证用户信息的安全,防止恶意的网站窃取数据,最初的同源政策是指A网站在客户端设置的Cookie,B网站是不能访问的使用JSONP解决同源限制问题(它不属于Ajax请求,但他可以模拟Ajax请求)将不同源的服务器端请求地址写在script标签的src属性中服务器端相应数据必须是一个函数的调用,真正要发送给客户端的数据需原创 2021-03-06 19:10:04 · 201 阅读 · 0 评论 -
FormData对象
FormData作用: 模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单中的数据拼接成请求参数的格式异步上传二进制文件使用:准备HTML表单将HTML表单转化为HTML对象提交表单对象:创建formidable表单解析对象 const form = new formidable.IncomingForm()解析客户端传递过来的FormData对象form.parse(req,(err,fields,files)=>{ res.send(fields); })客原创 2021-03-05 16:30:04 · 164 阅读 · 0 评论 -
客户端模板引擎概述
模板引擎概述作用:使用模板引擎提供的模板语法,可以将数据和HTML拼接起来使用步骤下载art-template模板引擎库文件并将其引入到HTML页面中下载安装地址:http://aui.github.io/art-template/docs/installation.html#Pre-compilation-in-browser <script src="./js/template-web.js"></script>准备art-template模板为了在scri原创 2021-03-04 23:01:17 · 193 阅读 · 1 评论 -
Ajax封装2.0版
在之前了解并学习了Ajax的基础知识后,有些朋友可能觉得零碎的Aiax学起来有些繁琐,用起来也不太方便.那么我们为什么不能用函数将它封装起来,在我们需要它的时候便直接使用呢?那今天就让我们学习下ajax的函数封装吧Ajax封装问题:发送一次请求代码过多,发送多次请求代码冗余且重复解决方案:将请求代码封装到函数中,发送请求时调用函数即可function ajax(options){ // 存储默认值 var defaults ={ type:'get',原创 2021-03-04 21:19:02 · 198 阅读 · 2 评论 -
什么?都2021年了还不会ajax嘛,来这里让您快速学会Ajax
Ajax为什么要学习Ajax传统网站中存在的问题:网速慢的情况下,页面加载时间过长,用户只能等待;表单提交后,如果一项内容不合格,需要重新填写所有表单内容页面跳转,重新加载页面,造成资源浪费,增加用户等待时间Ajax的出现则解决了这些问题,提高了用户体验。Ajax概述及应用场景概述:它是浏览器提供的一种方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。(个人理解:就是传数据的)应用场景:页面上拉加载更多数据,列表数据无刷新分页,表单数据离开焦点数据验证,搜索框提示文字下拉列表原创 2021-03-03 23:14:35 · 413 阅读 · 2 评论