JSONP跨域
1 概述
定义
json存在的意义：
不同类型的语言，都能识别json
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的
- 跨域：浏览器A从服务器B获取的静态资源，包括Html、Css、Js，然后在Js中通过Ajax访问C服务器的静态资源或请求。即：浏览器A从B服务器拿的资源，资源中想访问服务器C的资源。
- 同源策略：同一个请求协议(如：Http或Https)、同一个Ip、同一个端口，3个全部相同，即为同源。
2 demo
后端
<?php$arr=["name"=>"woniu","age"=>20];//把数组转成json字符串,$json = json_encode($arr);//输出echo $json;
?>
前端
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.4.1.min.js"></script>
</head>
<body><h1>前端</h1><script>$.getJSON("后端的地址",function(data){alert(JSON.stringify(data));})</script>
</body>
</html>用户访问
192.168.190.134/woniu/demo31.html
查看控制台：
解决方案
- JSONP
- CORS
3 JSONP
后端
<?php$arr=["name"=>"woniu","age"=>20];//把数组转成json字符串,$json = json_encode($arr);$callback = $_GET["callback"]; // 函数对象, 字符串//输出///echo $json;echo "$callback('$json')";
?>
前端
# 方法一：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.7.1.min.js"></script>
</head>
<body><h1>前端</h1><script>// function xxx(data){// // 后端返回的data json// console.log("999");// }</script><script>$.getJSON("http://192.168.190.133/wh069/demo31.php?callback=?",function(data){alert(JSON.stringify(data));// alert(JSON.parse(data)); // 反序列化 // json：序列化和反序列化})</script>
</body>
</html># 方法二：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./jquery-3.7.1.min.js"></script>
</head>
<body><h1>前端</h1><script>function xxx(data){// 后端返回的data jsonalert(JSON.stringify(data));}</script><script src="http://192.168.190.133/wh069/demo31.php?callback=xxx"></script>
</body>
</html>
相关文章：
JSONP跨域
1 概述 定义 json存在的意义： 不同类型的语言，都能识别json JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 s…...
Linux--shell脚本语言—/—终章
一、shell函数 1、shell函数定义格式 参数说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回，可以显示加：return 返回，如果不加，将以最后一条命令运行结果ÿ…...
免费代理池是什么，如何使用代理IP进行网络爬虫？
互联网是一个庞大的数据集合体，网络信息资源丰富且繁杂，想要从中找到自己需要的信息要花费较多的时间。为了解决这个问题，网络爬虫技术应运而生，它的主要作用就是在海量的互联网信息中进行爬取，抓取有效信息并存储。然…...
CAN直接网络管理(20240805)
长安CAN网络管理规范 个人理解：管理CAN网络中各NM节点的工作模式（状态）； 1.术语定义 👉节点地址：用于唯一标识网络中每个节点的单字节数字，取值范围是 0x00~0xFF。👉状态迁移&#x…...
HTML5+CSS3笔记（Xmind格式）：第二天
Xmind鸟瞰图： 简单文字总结： 新增选择器： 1.选择相邻兄弟 2.属性选择器 3.结构性伪类选择器 4.整体结构类型 5.标签结构类型 6.指定子元素的序号 7.文本选择伪元素 8.表单中使用的状态伪类选择器 9.内容…...
视频压缩文件太大了怎么缩小？6个视频压缩技巧，速度收藏起来！
高清视频文件，尤其是那些以 1080p 和 720p 清晰度为特征的视频，通常都拥有相当大的体积，会占据大量计算机存储空间。因此，为了更好地将它们进行分享和存储，您可能需要对它们进行压缩，以减小它们的尺寸。然而…...
Python接口自动化测试数据提取分析：Jmespath
1、引言 在处理JSON数据时，我们常常需要提取、筛选或者变换数据。手动编写这些操作的代码不仅繁琐，而且容易出错。Python作为一个功能强大的编程语言，拥有丰富的库和工具来处理这些数据。今天，将介绍一个实用的Python库——JMESP…...
特种设备作业叉车司机题库及答案
1.在我们平时工作中，经常接触的汽油、柴油、机油、油棉纱、木材等均为() A、助燃物质 B、可燃物质 C、着火源 参考答案:B 2.叉车满载行驶时，如合成重心靠后() A、有利于纵向稳定 B、有利于横向稳定 C、纵向和横向均有利 参考答案:A 3.蓄电池车行驶中放…...
Linux 操作系统速通
一、安装虚拟机 1. VmWare 安装下载 vmware workstation pro 16 下载 win R 输入 ncpa.cpl 确保网卡正常 2. CentOS 系统下载 CentOS 系统下载 将 CentOS 系统安装到虚拟机 3. 查看虚拟机 IP 命令 ifconfig 4. finalShell 安装下载 finalShell 下载 输入用户名一般是 ro…...
IIS漏洞大全（附修复方法）
IIS6.0 IlS Server 在 Web 服务扩展中开启了 WebDAV，配置了可以写入的权限，造成任意文件上传。 漏洞复现 fofa:"llS-6.0" or 本地搭建2003 server 1)开启 WebDAV 和写权限: 做好准备工作后开启环境，然后我们去访问配置的IP&#…...
HarmonyOS笔记3：从网络数据接口API获取数据
面向HarmonyOS的移动应用一般采用MVVM模式（见参考文献【1】），其中： M（Model层)：模型层，存储数据和相关逻辑的模型。它表示组件或其他相关业务逻辑之间传输的数据。Model是对原始数据的进一步处理…...
Mac 下生成core dump
mac下生成core dump 使用ulimit -c查看ulimit设置,显示unlimited表示开启,显示0表示关闭,通过ulimit -c unlimited打开设置; 但是这个只在当前窗口有效果。如果需要变成系统全局设置。 就需要去改/etc/profile文件，打开，然后加上ulimit -c unlimited就可…...
详解Xilinx FPGA高速串行收发器GTX/GTP（1）--SerDes和GTX的关系
目录 1、SerDes和GTX的关系 2、传输总线的变化 2.1、从串行到并行 2.2、从并行又回到串行 文章总目录点这里：《FPGA接口与协议》专栏的说明与导航 1、SerDes和GTX的关系 Hold On，这个系列文章不是讲GTX收发器的吗？怎么一开始就扯到SerDes上了？GTX和SerDes之间有…...
golang实现Digest认证鉴权接口
什么是Digest认证鉴权接口？ Digest认证鉴权接口是一种基于摘要算法的身份验证方法，用于确保API请求的安全性。在实际应用中，常常使用HTTP协议的Digest认证鉴权接口来验证请求的合法性。下面是一种常见的Digest认证鉴权流程： 1. 客户端发送HTTP请求到服务器，请求接口资源…...
机房托管服务器说明
机房托管服务器是指将企业或个人的服务器放置到专业数据中心(IDC机房)进行管理和维护，由数据中心提供稳定、安全的运行环境以及网络连接等基础设施支持。rak小编为您整理发布机房托管服务器说明详细内容。 通过托管服务器到专业机房，企业能够享受到高性能…...
CookieMaker工作室合作开发C++项目十一：拟态病毒
（注：本文章使用了“无标题技术”） 一天，我和几个同事，平台出了点BUG，居然给我刷出了千年杀，同事看得瑕疵欲裂，发誓要将我挫骨扬灰—— （游戏入口：和平精英31.…...
57、PHP 实现 从扑克牌中随机抽取5张牌，判断是不是一个顺子
题目： PHP 实现 从扑克牌中随机抽取5张牌，判断是不是一个顺子 描述： 即这5张牌是不是连续的2-10位数字本身，A为1，J为11，Q为12，K为13，而大小王可以看成任意数字。 解题思路…...
前端HTML+CSS查漏补缺——仿制百度搜索首页的一些思考
在像素模仿百度搜索首页的时候，在实现的时候，遇到了一些值得记录的点。 在这个过程中，也顺便看了看百度的源码，感觉很有意思。 对了，QQ截屏里面获取到的颜色，是不大正确的，会有点误差。 这是我…...
【Python】实现一个个人理财助手小程序
以下是一个简化的 Python 代码框架，以及如何实现上述功能点的基本思路，可以基于这个框架进一步开发和完善你的小程序。 以下是一个简化的 Python 代码框架，使用了基本的类和函数来模拟上述功能： import pandas as pd from crypt…...
【GCC】结合GPT4 延迟梯度学习2：延迟梯度的计算及阈值更新
上文，充分发现了 排队梯度延迟的重要性， 【GCC】结合GPT4 延迟梯度学习1：公式推导及理论分析 例如： 延迟梯度为正数时，是单位时间内的排队队列长度的“增长速度” 延迟梯度与 发送速率（接收速率？）有直接的关系。 因为有 观测误差、随机因素、噪声，所以要对延迟梯度进行…...
深度学习在微纳光子学中的应用
深度学习在微纳光子学中的主要应用方向 深度学习与微纳光子学的结合主要集中在以下几个方向： 逆向设计 通过神经网络快速预测微纳结构的光学响应，替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 特征提取与优化 从复杂的光学数据中自…...
【Linux】C语言执行shell指令
在C语言中执行Shell指令 在C语言中，有几种方法可以执行Shell指令： 1. 使用system()函数 这是最简单的方法，包含在stdlib.h头文件中： #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...
江苏艾立泰跨国资源接力：废料变黄金的绿色供应链革命
在华东塑料包装行业面临限塑令深度调整的背景下，江苏艾立泰以一场跨国资源接力的创新实践，重新定义了绿色供应链的边界。 跨国回收网络：废料变黄金的全球棋局 艾立泰在欧洲、东南亚建立再生塑料回收点，将海外废弃包装箱通过标准…...
高等数学（下）题型笔记（八）空间解析几何与向量代数
目录 0 前言 1 向量的点乘 1.1 基本公式 1.2 例题 2 向量的叉乘 2.1 基础知识 2.2 例题 3 空间平面方程 3.1 基础知识 3.2 例题 4 空间直线方程 4.1 基础知识 4.2 例题 5 旋转曲面及其方程 5.1 基础知识 5.2 例题 6 空间曲面的法线与切平面 6.1 基础知识 6.2…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
前端开发面试题总结-JavaScript篇(一)
文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包（Closure）？闭包有什么应用场景和潜在问题？2.解释 JavaScript 的作用域链（Scope Chain） 二、原型与继承3.原型链是什么？如何实现继承&a…...
JUC笔记(上)-复习 涉及死锁 volatile synchronized CAS 原子操作
一、上下文切换 即使单核CPU也可以进行多线程执行代码，CPU会给每个线程分配CPU时间片来实现这个机制。时间片非常短，所以CPU会不断地切换线程执行，从而让我们感觉多个线程是同时执行的。时间片一般是十几毫秒(ms)。通过时间片分配算法执行。…...
C# 求圆面积的程序（Program to find area of a circle）
给定半径r，求圆的面积。圆的面积应精确到小数点后5位。 例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。 输…...
Mobile ALOHA全身模仿学习
一、题目 Mobile ALOHA：通过低成本全身远程操作学习双手移动操作 传统模仿学习（Imitation Learning）缺点：聚焦与桌面操作，缺乏通用任务所需的移动性和灵活性 本论文优点：（1）在ALOHA…...
【分享】推荐一些办公小工具
1、PDF 在线转换 https://smallpdf.com/cn/pdf-tools 推荐理由：大部分的转换软件需要收费，要么功能不齐全，而开会员又用不了几次浪费钱，借用别人的又不安全。 这个网站它不需要登录或下载安装。而且提供的免费功能就能满足日常…...