Ajax
草莓味的狮子座leo
这个作者很懒,什么都没留下…
展开
-
ajax,jQuery ajax,axios,fetch
Ajaxajax是无需重新加载整个页面,刷新局部页面的技术,核心是XMLHttpRequest对象,多个请求之间如果有先后关系,就会出现回调地狱ajax({ type:'get', url:'...', data:{...}, success:function(){...}, error:function(){...} })jQuery ajaxjQuery是javascript库,基于原始js做封装;jQuery ajax是后端发送技术,也是原始ajax的封装$('.id'.原创 2020-11-28 16:53:56 · 130 阅读 · 0 评论 -
前后台ajax请求库:axios
axios是基于Promise用于浏览器和node.js的http客户端axios的使用1)安装 npm install axios2)引用 <script src="axios.min.js"></script>3)document.querySelector('.get').onclick = function() { axios.get('...url').then( function(respo原创 2020-11-28 16:02:51 · 103 阅读 · 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 · 102 阅读 · 0 评论 -
新型ajax请求方式:Fetch
fetch是一种http数据请求方式,是原生js,没有使用XMLHttpRequest对象。特点1.第一个参数是URL2.第二个参数是可选,控制不同配置的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 · 209 阅读 · 1 评论 -
Ajax基础1
Ajax=异步javascript+XMLajax是一种无需重新加载整个页面,能够刷新部分网页的技术一、发送ajax请求的五个步骤1)创建异步对象,XMLHttpRequest 对象2)设置请求参数,包括请求url,请求方法post、get3)发送请求4)注册事件, onreadystatechange事件状态改变时就会调用5)获取返回的数据二、ajax工作原理<script type="text/javascript"> // 1.创建ajax对象..原创 2020-11-28 10:15:35 · 124 阅读 · 0 评论