
Ajax
草莓味的狮子座leo
这个作者很懒,什么都没留下…
展开
-
ajax,jQuery ajax,axios,fetch
Ajax ajax是无需重新加载整个页面,刷新局部页面的技术,核心是XMLHttpRequest对象,多个请求之间如果有先后关系,就会出现回调地狱 ajax({ type:'get', url:'...', data:{...}, success:function(){...}, error:function(){...} }) jQuery ajax jQuery是javascript库,基于原始js做封装;jQuery ajax是后端发送技术,也是原始ajax的封装 $('.id'.原创 2020-11-28 16:53:56 · 147 阅读 · 0 评论 -
前后台ajax请求库:axios
axios是基于Promise用于浏览器和node.js的http客户端 axios的使用 1)安装 npm install axios 2)引用 <script src="axios.min.js"></script> 3) document.querySelector('.get').onclick = function() { axios.get('...url').then( function(respo原创 2020-11-28 16:02:51 · 114 阅读 · 0 评论 -
jQuery ajax
jQuery是基于javascript的一个库 $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); jQuery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {.原创 2020-11-28 15:28:40 · 119 阅读 · 0 评论 -
新型ajax请求方式:Fetch
fetch是一种http数据请求方式,是原生js,没有使用XMLHttpRequest对象。 特点 1.第一个参数是URL 2.第二个参数是可选,控制不同配置的init对象 3.使用JavaScript Promises来处理结果/回调 // url必填 init可选 fetch(url,init).then(response => response.json()) // fetch 第一次获取整个Response对象,调用json()方法转换为含有json数据格式的Promise .the原创 2020-11-12 09:42:01 · 224 阅读 · 1 评论 -
Ajax基础1
Ajax=异步javascript+XML ajax是一种无需重新加载整个页面,能够刷新部分网页的技术 一、发送ajax请求的五个步骤 1)创建异步对象,XMLHttpRequest 对象 2)设置请求参数,包括请求url,请求方法post、get 3)发送请求 4)注册事件, onreadystatechange事件状态改变时就会调用 5)获取返回的数据 二、ajax工作原理 <script type="text/javascript"> // 1.创建ajax对象 ..原创 2020-11-28 10:15:35 · 144 阅读 · 0 评论