![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ajax
石界星空
我的梦,在星空深处
展开
-
axios请求-- 取消上一次的请求
问题场景:很多时候,我们的提交按钮联系点好多次,或者我们的change事件联系触发好多次,但是可能有的请求返回错误,有的有数据,接着,在接口请求超时或者是返回成功的时候,就会出现页面上可能一直在弹出请求失败的消息,而下拉中缺有数据的尴尬请求。为了解决这个问题,我们需要对axios进行处理:引入axiosimport axios from 'axios'; const CancelToken = axios.CancelToken;在全局先定义一个cancle变量window.cancle=nu原创 2021-08-02 11:33:19 · 828 阅读 · 0 评论 -
js 原生ajax:封装函数
1、打开服务器WampServer; 2、将文件放置在WampServer的www文件夹下; 3、打开时网页地址栏为localhost+www下的地址。eg:http://localhost/myworld/5.19ajax/index.html?__hbt=1495158145298 4、调用方式: <!DOCTYPE html> <html> <head>原创 2017-05-19 09:47:45 · 275 阅读 · 0 评论 -
跨域加载:搜索输入关键字实时更新
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ padding: 50px; } *{原创 2017-05-19 19:21:45 · 272 阅读 · 0 评论 -
ajax-跨域
1、什么是跨域同源策略:浏览器规定只能拿同源资料;2、怎么处理跨域方法一:代理(后台做的,不做特别介绍)和做瀑布流的方法一样,就是代理的方式获取数据。后台帮写好一个数据接口。方法二:jsonp(重点掌握)jsonp原理和步骤:<script>标签src的作用 : 加载(包含指定的外部文件)可以跨域包含被包含的资源可以是任何类型的文件(可以是txt,php等)他只关注被包含的文件的内容是否是合原创 2017-05-22 12:42:44 · 240 阅读 · 0 评论 -
ajax-瀑布流
一、瀑布流的ajax应用1、制作原理 列等宽型瀑布流:花瓣网 画图说明 2、准备的文件 数据文件接口 ajax函数(已经封装好) 3、函数的编写<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2017-05-22 13:57:06 · 374 阅读 · 0 评论 -
ajax做与图灵机器人微信对话
效果图:中心思想: 1、利用ajax调用图灵机器人接口获取数据; 3、主要拿到key;<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>机器人对话</title> <script src="js/jquery-1.10.1.min.js" type="text/javasc原创 2017-06-26 22:50:49 · 724 阅读 · 0 评论