Ajax
申申あ
只想学好前端但必须发小论文的程序媛
展开
-
节流阀-鼠标跟随效果案例
就像是游戏发动技能,貂蝉一技能用过之后,没有冷却好的时候要是再点是没有办法触发技能的,而防抖就像回城,可以被打断但是可以重新回城,最后回一次城。节流执行的是触发第一次,而防抖执行的是触发的最后一次。节流策略:顾名思义,可以减少一段时间内事件的触发频率。原创 2022-09-18 18:59:29 · 138 阅读 · 0 评论 -
JS淘宝搜索框防抖策略
也就是当用户键盘弹起之后,这里相当于就是按下键盘后,先清楚定时器,然后开启一个定时器,这个定时器里面的代码是500ms之后才会执行,要是在这500ms之内用户又按下了键盘,那就会再清除定时器,再重新开启一个定时器,也就是如果快速按下三个字母,最后只会执行一次JSONP请求。防抖的概念:防抖就是当事件被触发后,延迟n秒后再执行回调,如果在这n秒内事件又被触发,则重新计时。防抖的好处:防抖的好处在于不会频繁执行回调,能保证回调最终只被执行一次,能提高浏览器性能。(2)定义一个防抖的函数。原创 2022-09-18 17:03:20 · 899 阅读 · 0 评论 -
JSONP解决跨域问题
JSONP的实现原理:由于浏览器收同源策略的限制,网页无法通过Ajax请求非同源的接口数据,但是script标签不受浏览器同源策略的影响,可以通过src属性请求非同源js脚本。简而言之,JSONP的实现原理就是通过标签的src属性,请求跨域的数据接口,并通过函数调用的形式,接收跨域接口响应回来的数据。出现跨域的根本原因:浏览器的同源策略不允许非同源的URL之间进行资源的交互。概念:同源指的是两个URL的协议、域名、端口号一致,反之则是跨域。八、实现一个简单的JSONP数据请求。原创 2022-09-18 11:59:10 · 7076 阅读 · 1 评论 -
Ajax-正则的使用
正则表达式中()包起来的内容表示一个分组,可以通过分组来提取自己想要的内容。这篇博客主要讲正则五个方面的应用,有单独的也有互相结合的,那么下面我们就开始吧!(1)正则的exec函数。原创 2022-09-17 13:03:32 · 309 阅读 · 0 评论 -
Ajax-模板引擎常见使用
【代码】Ajax-模板引擎常见使用。原创 2022-09-13 21:44:16 · 74 阅读 · 0 评论 -
Ajax-评论列表案例
功能二:添加评论,思路是要先阻止表单的默认行为,不然会把输入内容显示到URL中,然后进行$.post()请求提交表单内容,成功则刷新评论列表,同时需要清空评论人和评论内容框,这里清空的方法采用reset()方法,这样就不用一个一个去清空表单内容,操作更加简洁。业务部分都写在cmt.js文件中。原创 2022-09-13 18:26:33 · 534 阅读 · 0 评论 -
Ajax-图书管理案例
功能三实现思路:给添加按钮添加点击事件,获取书名、作者、出版社,然后判断用户输入的内容是否包含空,再采用$.post()请求接口提交数据,判断状态码是否为201,不是则提交失败,如果成功就重新刷新页面渲染最新数据,然后把文本框中输入的内容清空。功能一实现思路:首先采用$.get()请求接口数据,判断状态码是否是200,不是则获取失败,然后创一个空数组用来存表格中的每一行,循环获取过来的数组对象,得到添加的html内容,然后清空tbody中的内容并将html内容添加到tbody中。3.实现添加图书的功能。原创 2022-09-13 14:51:40 · 591 阅读 · 0 评论