AJAX
关注
分享
扫一扫
IAN27
这个作者很懒，什么都没留下…
展开
-
跨域问题
1. 同源策略同源策略(Same-Origin Policy)最早由 Netscape 公司提出，是浏览器的一种安全策略。同源: 协议、域名、端口号 必须完全相同。 违背同源策略就是跨域。案例点击按钮获取服务端的用户数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2021-05-11 09:51:27 · 241 阅读 · 0 评论 -
使用fetch函数发送AJAX请求
使用fetch函数发送AJAX请求案例点击按钮发送AJAX请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>fetch 发送 AJAX请求</title>&l原创 2021-05-08 09:21:26 · 310 阅读 · 0 评论 -
axios中的AJAX
1. Axios发送AJAX请求1）引入Axiosbootcdn.cn 搜索 Axios复制标签链接到代码中<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>案例页面三个按钮：GET 、 POST 、 通用型方法AJAX点击按钮分别实现其功能<!DOCTYPE html><html lang="en"><head&原创 2021-05-07 10:21:41 · 271 阅读 · 0 评论 -
JQuery中的AJAX
1. 在JQuery中发送AJAX请求1）引入JQuerybootcdn.cn 搜索 JQuery复制标签链接到代码中<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>案例页面三个按钮：GET 、 POST 、 通用型方法AJAX点击按钮分别实现其功能<!DOCTYPE html><html lang="en"><原创 2021-05-07 09:32:36 · 232 阅读 · 0 评论 -
AJAX 原生
1. GET请求案例点击按钮后在div中返回xhr.response<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX GET 请求</title>原创 2021-05-06 15:03:45 · 120 阅读 · 0 评论 -
AJAX基础与介绍
1. AJAX 简介AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势:无刷新获取数据。AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。2. XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签，全都是自定义标签，用来表示一些数据。比如说原创 2021-05-06 11:15:43 · 124 阅读 · 0 评论