Ajax
文章平均质量分 92
Ajax相关
努力的小朱同学
未来很长,梦想很远。
展开
-
前端终止请求的三种方式(ajax、axios)
XMLHttpRequest.abort() 方法用于终止 XMLHttpRequest`对象的请求,该方法没有参数,也没有返回值。在axiso的0.22.0版本开始,需要使用浏览器原生的AbortController来终止请求,是目前推荐用的方法。在axiso的0.22.0之前的版本,需要使用取消令牌cancel token来终止请求,不过该API从0.22.0开始被弃用,目前已不建议再使用。原创 2023-06-14 17:13:52 · 10229 阅读 · 0 评论 -
Ajax学习笔记(三)--- 同源政策和跨域解决方案
一、同源政策 什么是同源?如果两个页面拥有相同的协议、域名和端口,那这两个页面就属于同源页面,如果有其中一项不同,就是不同源。 同源政策的目的是为了保证用户的信息安全,防止恶意网站窃取数据。最初的同源政策是指 A 网站在客户端设置的 Cookie,B网站是不能访问的。随着互联网的发展,同源政策也越来越严格,在不同源的情况下,其中有一项规定就是无法向非同源地址发送Ajax 请求,如果请求,浏览器就会报错。 简单来说,就是Ajax 只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站原创 2021-10-07 10:33:18 · 511 阅读 · 0 评论 -
Ajax学习笔记(四)--- jQuery的 ajax 操作
一、$.ajax()1、概念 原生的 ajax 发送请求时,操作繁琐,代码量多。jQuery对这些操作进行了封装,使操作步骤更加简单,其中最基本、最底层的方法就是 $.ajax() 方法 。2、常用的方法参数名称描述url请求地址,默认为当前页面data发送到服务器的请求参数type请求方式,get 或 postasync布尔值,表示请求是否异步处理。默认是 truejsonp在一个 jsonp 请求中重写回调函数的名称jsonpCal原创 2021-10-07 14:59:20 · 189 阅读 · 0 评论 -
Ajax学习笔记(二)--- 模板引擎和FormData 对象
一、模板引擎1、概念 使用模板引擎的模板语法可以把数据和 HTML 拼接起来,并显示到页面中。可以与 ajax 结合使用,实现页面的局部刷新。2、使用<!-- 1. 下载 art-template 模板引擎库文件,并将模板引擎的库文件引入到当前页面 --><script src="/js/template-web.js"></script><div id="container"></div><!-- 2.准备art-te原创 2021-10-06 21:17:42 · 236 阅读 · 1 评论 -
Ajax学习笔记(一)--- 基础概念和基本使用
一、基础1、概念 Ajax = 异步 JavaScript + XML 。Ajax是一种能够在不重新加载整个页面的前提下,与服务器进行交互并更新部分页面内容的技术。能实现页面无刷新且更新数据,大大提高了用户的体验。所有的 Ajax 代码要写到 script 标签之中。2、原理 Ajax 相当于浏览器与服务器之间的代理人,负责传递浏览器的请求和服务器的响应,使得请求和响应的过程可以被开发人员所控制。3、基本案例 <script type="text/javascript">原创 2021-10-06 16:49:18 · 171 阅读 · 1 评论