jsonp跨域实例
2024-10-07 06:08:02
一、什么是跨域
二、如何解决跨域
1.前端常用 JSONP
2.服务器端配置 HTTP 协议的 header 解析
三、JSONP实现的实例
<!DOCTYPE html>
<html>
<head>
<title>jsonp跨域test</title>
</head>
<body>
<script type="text/javascript">
function res (r) { //定义回调函数接收返回结果
console.log(r)
}
</script>
<script src="./api.json?callback=res">
//? 之前为请求的路径
//? 之后 callback 可缩写为 cb,值为回调函数的名称
</script>
</body>
</html>
请求的 json文件内容如下:
res({"data":"js"})
去浏览器打开 html 文件,打开控制台,效果如下:
最新文章
- LeetCode-Sort Colors
- sql 将8位字符串转换成日期型
- Xcode 8.1 : Unable to read from device
- WIN7下强制分第四个主分区的方法
- call() 和 apply() ----预定义的函数方法
- ssential Diagram for Windows FormsC#/winForm类似visio的拓扑图节点连线控件免费下载
- Bootstrap文本对齐风格
- Problem C HDU 5224
- M站 confirm 插件
- Java多线程技术学习笔记(二)
- Java 多线程同步的五种方法
- leetcode 第二题Add Two Numbers java
- Renting Boats
- JAVA库函数总结【持续更新】
- luogu P1250 种树
- halcon开发必读
- SVN多项目并行版本管理解决方案
- maven dependencies
- 【leetcode】121-Best Time to Buy and Sell Stock
- Linux上软件安装