摘要:
jQuery提供的$.ajax()函数,除了可以发起真正的Ajax数据请求之外,还能够发起JSONP数据请求,例如: 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA 阅读全文
posted @ 2022-05-03 15:50
今天穿秋裤了吗
阅读(195)
评论(0)
推荐(0)
摘要:
由于JSONP是通过<script>标签的src属性,来实现跨域数据获取的,所以,JSONP 只支持GET数据请求,不支持POST 请求。 注意:JSONP和Ajax之间没有任何关系,不能把JSONP请求数据的方式叫做Ajax,因为JSONP 没有用到XMLHttpReauest这个对象 阅读全文
posted @ 2022-05-03 15:33
今天穿秋裤了吗
阅读(47)
评论(0)
推荐(0)
摘要:
定义一个success回调函数: 通过<script>标签,请求接口数据: 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content= 阅读全文
posted @ 2022-05-03 15:30
今天穿秋裤了吗
阅读(47)
评论(0)
推荐(0)
摘要:
什么是JSONP JSONP (JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。 由于浏览器同源策略的限制,网页中无法通过Ajax请求非同源的接口数据。但是<script>标签不受浏览器同源策略的影响,可以通过src属性,请求非同源的js 阅读全文
posted @ 2022-05-03 13:37
今天穿秋裤了吗
阅读(45)
评论(0)
推荐(0)
摘要:
一、同源策略 1.什么是同源? 如果两个页面的协议,域名和端口都相同,则两个页面具有相同的源。 例如,下表给出了相对于http://www.test.com/index.html页面的同源检测: 2.什么是同源策略 同源策略(英文全称Same origin policy)是浏览器提供的一个安全功能。 阅读全文
posted @ 2022-05-03 13:23
今天穿秋裤了吗
阅读(70)
评论(0)
推荐(0)
摘要:
一、什么是Axios Axios是专注于网络数据请求的库。 相比于原生的XMLHttpRequest对象,axios简单易用。 相比于jQuery,axios更加轻量化,只专注于网络数据请求。 二、axios发起GET请求 具体请求示例: 代码示例: <!DOCTYPE html> <html la 阅读全文
posted @ 2022-05-03 10:30
今天穿秋裤了吗
阅读(241)
评论(0)
推荐(0)
摘要:
一、jQuery实现文件上传 1.定义UI结构 2.验证是否选择了文件 3.向FormData中追加文件 4.使用jQuery发起上传文件的请求 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ht 阅读全文
posted @ 2022-05-03 09:53
今天穿秋裤了吗
阅读(73)
评论(0)
推荐(0)
摘要:
一、了解 1.旧版XMLHttpRequest的缺点 只支持文本数据的传输,无法用来读取和上传文件 传送和接收数据时,没有进度信息,只能提示有没有完成 2.XMLHttpRequest Level2的新功能 可以设置HTTP请求的时限 可以使用FormData对象管理表单数据 可以上传文件 可以获得 阅读全文
posted @ 2022-05-03 09:04
今天穿秋裤了吗
阅读(83)
评论(0)
推荐(0)